feat(frontend): add powered by message

frontend/src/layouts/auth/layout.js

@@ -1,14 +1,17 @@
 import PropTypes from 'prop-types';
 import NextLink from 'next/link';
 import Link from 'next/link'
-import { Box, Typography, Unstable_Grid2 as Grid } from '@mui/material';
+import { Box, Typography, Unstable_Grid2 as Grid, Stack } from '@mui/material';
 import { Logo } from 'src/components/logo';
-import { useTheme } from '@mui/material'
+import { useTheme, useMediaQuery } from '@mui/material'
 
 export const Layout = (props) => {
   const { children } = props;
+  const lgUp = useMediaQuery((theme) => theme.breakpoints.up('lg'));
   const theme = useTheme();
 
+  console.log("logUp", lgUp)
+
   return (
     <Box
       component="main"
@@ -79,6 +82,23 @@ export const Layout = (props) => {
           </Box>
         </Grid>
       </Grid>
+      <Stack style={{position:"absolute", bottom:"2px", left:"2px"}} direction={"row"} spacing={"1"}>  
+        <Typography
+          align="center"
+          color={lgUp ? 'neutral[900]' : 'primary.contrastText'}
+          component="footer"
+          variant="body2"
+          sx={{ p: 2 }}
+        >
+          Powered by
+        </Typography>
+      </Stack>
+      <a href='https://oktopus.app.br' style={{position:"absolute", bottom:"10px", left:"100px"}} target='_blank'>
+      <img 
+        src="/assets/logo.png" 
+        alt="Oktopus logo image"
+        width={80}/>
+      </a>
     </Box>
   );
 };

frontend/src/layouts/dashboard/layout.js

@@ -4,8 +4,6 @@ import { styled } from '@mui/material/styles';
 import { withAuthGuard } from 'src/hocs/with-auth-guard';
 import { SideNav } from './side-nav';
 import { TopNav } from './top-nav';
-import Image from 'next/image'
-import { Link } from '@mui/material';
 
 const SIDE_NAV_WIDTH = 280;
 

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

@@ -132,6 +132,24 @@ export const SideNav = (props) => {
             })}
           </Stack>
         </Box>
+        <Stack style={{position:"absolute", bottom:"2px", left:"2px"}} direction={"row"} spacing={"1"} zIndex={9999}>  
+        <Typography
+          align="center"
+          color="primary.contrastText"
+          component="footer"
+          variant="body2"
+          sx={{ p: 2 }}
+        >
+          Powered by
+        </Typography>
+      </Stack>
+      <a href='https://oktopus.app.br' style={{position:"absolute", bottom:"10px", left:"100px"}} target='_blank'>
+      <img 
+        src="/assets/logo.png" 
+        alt="Oktopus logo image"
+        width={80}
+        />
+      </a>
       </Box>
     </Scrollbar>
   );