fix: project removal not being executed

- Prevent context menu from closing when a confirmation dialog is open.
- Add success toast notification upon project removal.
- Refactor event handlers to account for dialog state, improving user experience.

apps/ui/src/components/layout/project-switcher/components/project-context-menu.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState, memo } from 'react';
 import type { LucideIcon } from 'lucide-react';
 import { Edit2, Trash2, Palette, ChevronRight, Moon, Sun, Monitor } from 'lucide-react';
+import { toast } from 'sonner';
 import { cn } from '@/lib/utils';
 import { type ThemeMode, useAppStore } from '@/store/app-store';
 import { ConfirmDialog } from '@/components/ui/confirm-dialog';
@@ -129,14 +130,20 @@ export function ProjectContextMenu({
   const { handlePreviewEnter, handlePreviewLeave } = useThemePreview({ setPreviewTheme });
 
   useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
+    const handleClickOutside = (event: globalThis.MouseEvent) => {
-      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {
+      // Don't close if a confirmation dialog is open (dialog is in a portal)
+      if (showRemoveDialog) return;
+
+      if (menuRef.current && !menuRef.current.contains(event.target as globalThis.Node)) {
         setPreviewTheme(null);
         onClose();
       }
     };
 
-    const handleEscape = (event: KeyboardEvent) => {
+    const handleEscape = (event: globalThis.KeyboardEvent) => {
+      // Don't close if a confirmation dialog is open (let the dialog handle escape)
+      if (showRemoveDialog) return;
+
       if (event.key === 'Escape') {
         setPreviewTheme(null);
         onClose();
@@ -150,7 +157,7 @@ export function ProjectContextMenu({
       document.removeEventListener('mousedown', handleClickOutside);
       document.removeEventListener('keydown', handleEscape);
     };
-  }, [onClose, setPreviewTheme]);
+  }, [onClose, setPreviewTheme, showRemoveDialog]);
 
   const handleEdit = () => {
     onEdit(project);
@@ -173,11 +180,16 @@ export function ProjectContextMenu({
 
   const handleConfirmRemove = () => {
     moveProjectToTrash(project.id);
+    toast.success('Project removed', {
+      description: `${project.name} has been removed from your projects list`,
+    });
     onClose();
   };
 
   return (
     <>
+      {/* Hide context menu when confirm dialog is open */}
+      {!showRemoveDialog && (
         <div
           ref={menuRef}
           className={cn(
@@ -316,6 +328,7 @@ export function ProjectContextMenu({
             </button>
           </div>
         </div>
+      )}
 
       <ConfirmDialog
         open={showRemoveDialog}