chore: show icons only when collapsed

src/components/AppHeader.jsx

@@ -1,9 +1,7 @@
 import { useState } from 'react';
-import fendiLogo from '/favicon.png'
 import { AppBar, Toolbar, Typography, IconButton, Box, Avatar } from '@mui/material';
 
 import MenuDrawer from './MenuDrawer';
-import MenuIcon from '@mui/icons-material/Menu';
 import { useAuth } from '../context/AuthContext';
 import { useNavigate } from 'react-router-dom';
 
@@ -15,7 +13,7 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
     private: '#40120EFF',
   };
 
-  const [menuOpen, setMenuOpen] = useState(false);
+  const [drawerExpanded, setDrawerExpanded] = useState(true);
   const { user, logout } = useAuth();
 
   const isPrivate = zone === 'private';
@@ -33,11 +31,6 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
         fontSize: { xs: '0.75rem', md: '1rem' },
       }} >
       <Toolbar sx={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
-        <Box display="flex" alignItems="center">
-          <IconButton edge="start" color="inherit" onClick={() => setMenuOpen(true)}>
-            <MenuIcon />
-          </IconButton>
-        </Box>
 
         {/* Login button only visible for public zone */}
         {isPublic && !user && (
@@ -60,8 +53,8 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
         {/* Rendering the Drawer */}
         <MenuDrawer
           zone="private"
-          open={menuOpen}
-          onClose={() => setMenuOpen(false)}
+          open={drawerExpanded}
+          onClose={() => setDrawerExpanded(false)}
           onSelect={onSelectMenuItem} // pass handler from App
         />