♿️(frontend) fix jump and animation break on panel open with auto-focus

used requestAnimationFrame and preventScroll to preserve smooth transition

Signed-off-by: Cyril <[email protected]>

src/frontend/src/features/recording/components/ControlsButton.tsx

@@ -46,7 +46,11 @@ export const ControlsButton = ({
   const primaryActionRef = useRef<HTMLButtonElement | null>(null)
 
   useEffect(() => {
-    primaryActionRef.current?.focus()
+    requestAnimationFrame(() => {
+      if (primaryActionRef.current) {
+        primaryActionRef.current.focus({ preventScroll: true })
+      }
+    })
   }, [])
 
   const room = useRoomContext()