fix: hide three-dot icon when expanded menu is open

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/GroupsOverlay.tsx

@@ -438,9 +438,10 @@ function GroupControls({ groupId, zoom }: GroupControlsProps) {
               </div>
             )}
 
-            {/* Three-dot menu toggle */}
+            {/* Three-dot menu toggle - hidden when menu is open */}
+            {!showMenu && (
               <button
-              onClick={(e) => { e.stopPropagation(); setShowMenu(!showMenu); if (showMenu) setShowColorPicker(false); }}
+                onClick={(e) => { e.stopPropagation(); setShowMenu(true); }}
                 className="w-6 h-6 rounded-md flex flex-col items-center justify-center gap-[2px] hover:bg-white/20 transition-colors"
                 title="Group options"
               >
@@ -448,6 +449,7 @@ function GroupControls({ groupId, zoom }: GroupControlsProps) {
                 <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
                 <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
               </button>
+            )}
           </div>
         </div>
       </div>