chore: design the ui based on figmas

src/components/AppHeader.jsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import fendiLogo from '/favicon.png'
-import { AppBar, Toolbar, Typography, InputBase, IconButton, Box, Avatar } from '@mui/material';
-import SearchIcon from '@mui/icons-material/Search';
+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';
@@ -39,24 +39,6 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
           </IconButton>
         </Box>
 
-        {/* Search only visible for restricted or private zones */}
-        {(isRestricted || isPrivate || isPublic) && (
-          <Box sx={{ position: 'relative', display: { xs: 'none', md: 'flex' } }}>
-            <SearchIcon sx={{ position: 'absolute', left: 10, top: '50%', transform: 'translateY(-50%)', color: '#A68A72FF' }} />
-            <InputBase
-              placeholder="Search…"
-              sx={{
-                pl: 4,
-                pr: 2,
-                py: 0.5,
-                borderRadius: 1,
-                color: '#A68A72FF',
-                width: { md: '300px', lg: '400px' }
-              }}
-            />
-          </Box>
-        )}
-
         {/* Login button only visible for public zone */}
         {isPublic && !user && (
           <Box>