chore: update color schemas

src/components/MenuDrawer.jsx

@@ -21,7 +21,6 @@ import ExitToAppIcon from '@mui/icons-material/ExitToApp';
 import ExpandLess from '@mui/icons-material/ExpandLess';
 import ExpandMore from '@mui/icons-material/ExpandMore';
 
-// ---- Menu options (unchanged) ----
 const menuOptions = {
   public: [
     { text: 'Dashboard', icon: <img src="/Dashboard.png" alt="Dashboard" width={24} height={24} /> },
@@ -42,7 +41,6 @@ const menuOptions = {
   ],
 };
 
-// Mini‑variant sizes
 const OPEN_WIDTH = 300;
 const MINI_WIDTH = 72;
 
@@ -52,7 +50,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
   const items = useMemo(() => menuOptions[zone] ?? [], [zone]);
   const { logout } = useAuth();
 
-  // Collapsed state is only meaningful on desktop (permanent drawer)
   const [collapsed, setCollapsed] = useState(false);
   const catalogChildren = [
     'Furniture',
@@ -64,12 +61,7 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
   ];
   const [openCatalog, setOpenCatalog] = useState(false);
 
-  // Interpret parent "open" prop:
-  // - Mobile (temporary): open controls visibility
-  // - Desktop (permanent): open=true => expanded, open=false => collapsed
-  // Inform parent (AppHeader) about expanded/collapsed state
   useEffect(() => {
-    // On mobile the drawer is temporary; treat as expanded for header layout
     const expanded = isMobile ? true : !collapsed;
     onExpandedChange?.(expanded);
   }, [collapsed, isMobile, onExpandedChange]);
@@ -99,7 +91,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
         },
       }}
     >
-      {/* Header */}
       <Box
         sx={{
           display: 'flex',
@@ -110,7 +101,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
           justifyContent: collapsed ? 'center' : 'space-between',
         }}
       >
-        {/* Expanded - default */}
         {!collapsed && (
           <Box textAlign="center" p={3} alignItems="center" minHeight={72}>
             <img
@@ -134,7 +124,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
         )}
       </Box>
 
-      {/* Collapsed */}
       {collapsed && (
         <Box textAlign="center" p={3} minHeight={112} justifyContent="center" display="flex"
           alignItems="start">
@@ -146,7 +135,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
         </Box>
       )}
 
-      {/* Items */}
       <List sx={{
         width: '100%',
         py: 0,
@@ -157,7 +145,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
         {items.map(({ text, icon }, index) => {
           const isCatalog = text === 'Catalog';
 
-          // Special case: Catalog with submenu
           if (isCatalog) {
             return (
               <Box key={`catalog-${index}`}>
@@ -169,7 +156,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
                   <ListItem
                     onClick={() => {
                       if (collapsed) {
-                        // Expand drawer first so submenu is visible
                         setCollapsed(false);
                         setOpenCatalog(true);
                       } else {
@@ -214,7 +200,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
                   </ListItem>
                 </Tooltip>
 
-                {/* Submenu list */}
                 {!collapsed && (
                   <Collapse in={openCatalog} timeout="auto" unmountOnExit>
                     <List component="div" disablePadding sx={{ pl: 7 }}>
@@ -244,7 +229,6 @@ export default function MenuDrawer({ zone = 'public', open, onClose, onSelect, o
             );
           }
 
-          // Default items
           return (
             <Tooltip
               key={`${text}-${index}`}

src/components/VimeoEmbed.jsx

@@ -1,46 +0,0 @@
-export default function VimeoBackground({ videoId = "1066622045", opacity = 0.5 }) {
-  const params = new URLSearchParams({
-    background: "1",
-    muted: "1",
-    autoplay: "1",
-    autopause: "0",
-    controls: "0",
-    loop: "1",
-    dnt: "1",
-    playsinline: "1",
-    app_id: "122963",
-  }).toString();
-
-  return (
-    <div
-      style={{
-        position: "fixed",
-        top: 0,
-        left: 0,
-        width: "100vw",
-        height: "100vh",
-        zIndex: -1,
-        overflow: "hidden",
-        pointerEvents: "none",
-      }}
-    >
-      <iframe
-        src={`https://player.vimeo.com/video/${videoId}?${params}`}
-        style={{
-          position: "absolute",
-          top: "50%",
-          left: "50%",
-          width: "177.78vh", // 100vh * 16 / 9
-          height: "100vh",
-          transform: "translate(-50%, -50%)",
-          opacity,
-          border: "none",
-        }}
-        allow="autoplay; fullscreen; picture-in-picture"
-        frameBorder="0"
-        allowFullScreen
-        title="Vimeo Background Video"
-      />
-    </div>
-  );
-}