chore: add logo to footer and same look and feel as header

src/components/Footer.jsx

@@ -1,32 +1,43 @@
-import { Box, Typography } from '@mui/material';
+import { AppBar, Toolbar, Typography, Box } from '@mui/material';
-import fendiLogo from '/Logo.png'
+import fendiLogo from '/Logo.png';
 
 export default function Footer({ zone = 'public' }) {
-    const bgColor = {
-        public: '#40120EFF',
-        restricted: '#40120EFF',
-        private: '#40120EFF',
-    };
-
     const year = new Date().getFullYear();
 
     return (
-        <Box
+        <AppBar
-            component="footer"
+            position="fixed"
+            elevation={0}
             sx={{
-                p: 2,
+                top: 'auto',
-                textAlign: 'center',
+                bottom: 0,
-                backgroundColor: bgColor[zone],
+                backgroundColor: 'white',
-                mt: 'auto',
+                color: '#40120EFF',
-                fontSize: { xs: '0.75rem', md: '1rem' },
+                boxShadow: '0px -2px 4px rgba(0,0,0,0.1)',
+                border: 'none',
+                width: '100%',
+                left: 0,
+                right: 0,
             }}
         >
-            <Typography variant="body2">
+            <Toolbar
-                <img src={fendiLogo} alt="Fendi logo" style={{ height: 10, marginRight: 10 }} />
+                sx={{
+                    minHeight: 64,
+                    px: 2,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}
+            >
+                <Box display="flex" alignItems="center" gap={1.5}>
+                    <img src={fendiLogo} alt="Fendi logo" style={{ height: 50 }} />
+                    <Typography variant="body2" sx={{ color: '#40120EFF' }}>
                         {zone === 'private'
                             ? `Admin Panel - Dream Views ${year}`
                             : `© ${year} Dream Views. All rights reserved.`}
                     </Typography>
                 </Box>
+            </Toolbar>
+        </AppBar>
     );
 }