feat: add the missing options to the menu and change colors

src/components/MenuDrawer.jsx

@@ -3,7 +3,7 @@ import { Drawer, List, ListItem, ListItemText, useMediaQuery } from '@mui/materi
 const menuOptions = {
   public: ['Home', 'Explore', 'Contact'],
   restricted: ['Dashboard', 'Projects', 'Support'],
-  private: ['Admin', 'Users', 'Settings'],
+  private: ['Products', 'Provider', 'Categories', 'Users', 'Orders', 'Settings', 'Logout'],
 };
 
 export default function MenuDrawer({ zone = 'public', open, onClose }) {
@@ -14,7 +14,7 @@ export default function MenuDrawer({ zone = 'public', open, onClose }) {
     <Drawer anchor="left" open={open} onClose={onClose} slotProps={{
       paper: {
         sx: {
-          backgroundColor: '#000000a0',
+          backgroundColor: '#40120EFF',
           width: isMobile ? '100vw' : 250,
         },
       },
@@ -27,7 +27,7 @@ export default function MenuDrawer({ zone = 'public', open, onClose }) {
               slotProps={{
                 primary: {
                   sx: {
-                    color: '#ccc',
+                    color: '#DFCCBCFF',
                     fontWeight: 'medium',
                   },
                 },

src/theme.jsx

@@ -61,6 +61,17 @@ const theme = createTheme({
         },
       },
     },
+    MuiListItem: {
+      styleOverrides: {
+        root: {
+          transition: 'background-color 0.2s ease-in-out',
+          '&:hover': {
+            backgroundColor: '#AA7665FF',         
+          },
+        },
+      },
+    },
+
   }
 });