🐛(frontend) fix focus restore for chevron menus

Ensure focus returns to camera chevron after effects panel closes.

src/frontend/src/features/rooms/livekit/components/controls/Device/VideoDeviceControl.tsx

@@ -152,6 +152,7 @@ export const VideoDeviceControl = ({
           </Button>
           {({ close }) => (
             <div
+              data-attr="camera-menu-popover"
               className={css({
                 maxWidth: '36rem',
                 padding: '0.15rem',

src/frontend/src/features/rooms/livekit/components/effects/Effects.tsx

@@ -25,6 +25,9 @@ export const Effects = () => {
       if (activeEl?.tagName === 'DIV') {
         return getTrigger('options') ?? activeEl
       }
+      if (activeEl?.closest('[data-attr="camera-menu-popover"]')) {
+        return getTrigger('cameraMenu') ?? activeEl
+      }
       // For direct button clicks, use the active element as is
       return activeEl
     },

src/frontend/src/features/rooms/livekit/hooks/useSidePanel.ts

@@ -30,6 +30,12 @@ export const useSidePanel = () => {
         return layoutStore.sidePanelTriggers.options ?? activeEl
       }
     }
+    if (
+      panelId === PanelId.EFFECTS &&
+      activeEl?.closest('[data-attr="camera-menu-popover"]')
+    ) {
+      return layoutStore.sidePanelTriggers.cameraMenu ?? activeEl
+    }
     const triggerKeyByPanel: Partial<Record<PanelId, SidePanelTriggerKey>> = {
       [PanelId.PARTICIPANTS]: 'participants',
       [PanelId.TOOLS]: 'tools',

src/frontend/src/primitives/Popover.tsx

@@ -138,7 +138,8 @@ export const Popover = ({
   }
 
   useEffect(() => {
-    if (!effectiveOpen || !focusOnOpen) return
+    const wasOpen = prevOpenRef.current
+    if (wasOpen || !effectiveOpen || !focusOnOpen) return
     const first = popoverContentRef.current?.querySelector<HTMLElement>(
       focusOnOpen.selector
     )