perf(cdk-experimental/column-resize): improve hover responsiveness of column resize with requestAnimationFrame

This change wraps the overlayRef.updateSize() call inside requestAnimationFrame() to ensure that the height update happens on the next repaint. This improves responsiveness when hovering over a column header, reducing reflows and layout thrashing.

Author: danielolaru91

src/cdk-experimental/column-resize/resizable.ts

@@ -284,7 +284,9 @@ export abstract class Resizable<HandleComponent extends ResizeOverlayHandle>
   }
 
   private _updateOverlayHandleHeight() {
-    this.overlayRef!.updateSize({height: this.elementRef.nativeElement!.offsetHeight});
+    requestAnimationFrame(() => {
+      this.overlayRef!.updateSize({height: this.elementRef.nativeElement!.offsetHeight});
+    })
   }
 
   private _applySize(sizeInPixels: number, previousSize?: number): void {