prevent click propagation on detached queue button (#1762)

src/renderer/features/now-playing/components/popover-play-queue.tsx

@@ -12,7 +12,7 @@ import { ItemListKey } from '/@/shared/types/types';
 
 interface PopoverPlayQueueProps {
     onClose?: () => void;
-    onToggle?: () => void;
+    onToggle?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     opened?: boolean;
 }
 

src/renderer/features/player/components/right-controls.tsx

@@ -170,7 +170,10 @@ const QueueButton = () => {
     return (
         <PopoverPlayQueue
             onClose={handlePopoverClose}
-            onToggle={handleToggleQueue}
+            onToggle={(e) => {
+                e.stopPropagation();
+                handleToggleQueue();
+            }}
             opened={popoverOpened}
         />
     );