fix(core): overflow controller resize loop (#2855)

* fix(core): add requestAnimation to resizeObserver  on overflow controller

* chore(core): add changeset

* fix(core): replace checks, reduce overhead

Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]>

* chore(core): update changeset to correct change level

Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]>

* chore(core): update changeset language

Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]>

* test(tabs): add nextFrame to test given addtional requestAnimationFrame in overflow

---------

Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]>

Author: zeroedin

.changeset/fluffy-bananas-remember.md

@@ -0,0 +1,5 @@
+---
+"@patternfly/pfe-core": patch
+---
+
+`OverflowController`: prevent browser from locking up in some scenarios

core/pfe-core/controllers/overflow-controller.ts

@@ -45,7 +45,9 @@ export class OverflowController implements ReactiveController {
   });
 
   #ro = new ResizeObserver(() => {
-    this.#setOverflowState();
+    requestAnimationFrame(() => {
+      this.#setOverflowState();
+    });
   });
 
   showScrollButtons = false;

elements/pf-tabs/test/pf-tabs.spec.ts

@@ -199,11 +199,10 @@ describe('<pf-tabs>', function() {
       });
 
       beforeEach(nextFrame);
-      beforeEach(updateComplete);
+      beforeEach(nextFrame);
       beforeEach(nextFrame);
       beforeEach(updateComplete);
 
-
       it('should have visible scroll buttons if overflowed', function() {
         // Note: overflow buttons are not included in the accessibility tree otherwise we'd test
         // for buttons there. tabindex="-1" is used on the buttons to prevent focus and was a