feat: add menu and event to show clients page, also add a basic clients page

src/components/AppHeader.jsx

@@ -4,7 +4,7 @@ import { AppBar, Toolbar, Typography, InputBase, IconButton, Box } from '@mui/ma
 import SearchIcon from '@mui/icons-material/Search';
 import MenuDrawer from './MenuDrawer';
 
-export default function AppHeader({ zone = 'public' }) {
+export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
 
   const bgColor = {
     public: '#40120EFF',
@@ -63,7 +63,12 @@ export default function AppHeader({ zone = 'public' }) {
         )}
 
         {/* Rendering the Drawer */}
-        <MenuDrawer zone='private' open={menuOpen} onClose={() => setMenuOpen(false)} />
+        <MenuDrawer
+          zone="private"
+          open={menuOpen}
+          onClose={() => setMenuOpen(false)}
+          onSelect={onSelectMenuItem} // pass handler from App
+        />
 
       </Toolbar>
     </AppBar>