🤖 fix: prevent infinite render loop in KebabMenu dropdown positioning

Author: ammar-agent

src/browser/components/KebabMenu.tsx

@@ -34,13 +34,18 @@ export const KebabMenu: React.FC<KebabMenuProps> = ({ items, className }) => {
 
   // Calculate dropdown position when menu opens
   useEffect(() => {
-    if (isOpen && buttonRef.current) {
-      const rect = buttonRef.current.getBoundingClientRect();
-      setDropdownPosition({
-        top: rect.bottom + 4, // 4px gap below button
-        left: rect.right - 160, // Align right edge (160px = min-width)
-      });
-    }
+    if (!isOpen || !buttonRef.current) return;
+
+    const rect = buttonRef.current.getBoundingClientRect();
+    const nextPosition = {
+      top: rect.bottom + 4, // 4px gap below button
+      left: rect.right - 160, // Align right edge (160px = min-width)
+    };
+
+    // Only update when position actually changes to avoid render loops
+    setDropdownPosition((prev) =>
+      prev.top === nextPosition.top && prev.left === nextPosition.left ? prev : nextPosition
+    );
   }, [isOpen]);
 
   // Close menu when clicking outside