feat: side nav icons + theme color palette

frontend/src/components/logo.js

@@ -2,7 +2,7 @@ import { useTheme } from '@mui/material/styles';
 
 export const Logo = () => {
   const theme = useTheme();
-  const fillColor = theme.palette.primary.main;
+  const fillColor = '#FFFFFF';
 
   return (
     <svg

frontend/src/layouts/dashboard/side-nav.js

@@ -66,25 +66,13 @@ export const SideNav = (props) => {
               p: '12px'
             }}
           >
-            <div>
-              <Typography
-                color="inherit"
-                variant="subtitle1"
-              >
-                Devias
-              </Typography>
-              <Typography
-                color="neutral.400"
-                variant="body2"
-              >
-                Production
-              </Typography>
+            <div style={{display:'flex',justifyContent:'center'}}>
+              <img src="/assets/oktopus.png" width={'60%'}></img>
             </div>
             <SvgIcon
               fontSize="small"
               sx={{ color: 'neutral.500' }}
             >
-              <ChevronUpDownIcon />
             </SvgIcon>
           </Box>
         </Box>

frontend/src/theme/colors.js

@@ -16,12 +16,12 @@ export const neutral = {
   100: '#F3F4F6',
   200: '#E5E7EB',
   300: '#D2D6DB',
-  400: '#9DA4AE',
+  400: '#FFFFFF',
   500: '#6C737F',
   600: '#4D5761',
-  700: '#2F3746',
-  800: '#1C2536',
-  900: '#111927'
+  700: '#FFFFFF',
+  800: '#306d6f',
+  900: '#30596f'
 };
 
 export const indigo = withAlphas({