Use Grid to dashboard

Took 22 minutes

src/components/Navbar.tsx

@@ -9,7 +9,11 @@ import {
 import {useRouter} from 'next/router';
 import {signOut, useSession} from 'next-auth/react';
 
-export default function Navbar() {
+type Props = {
+  variant: "static" | "fixed"
+}
+
+export default function Navbar({variant = "fixed"}: Props) {
   const router = useRouter();
   const {data: session, status} = useSession();
 
@@ -40,7 +44,7 @@ export default function Navbar() {
   };
 
   return (
-      <Box position={'fixed'} zIndex={9999} top={0} width={'100vw'}
+      <Box position={variant} zIndex={9999} top={0} width={'100vw'}
            backdropFilter={'auto'} backdropBlur={'20px'} px={10} py={2}>
         <Flex align={'center'}>
           <Box flexBasis={'100%'}>

src/components/layout/dashboard/left_panel/LeftPanel.jsx

@@ -4,8 +4,6 @@ import {
   Box,
   Image,
   Text,
-  Button,
-  VStack,
   Spacer,
 } from '@chakra-ui/react';
 import {useRouter} from 'next/router';
@@ -19,7 +17,7 @@ export default function LeftPanel(props) {
   const {user} = props;
 
   return (
-    <Card width={'20vw'} height={'100vh'} padding={'0px'}>
+    <Card width={'20vw'} height={'100%'} borderRadius={0} padding={'0px'} bg={'#faf9ff'}>
       <Flex direction={'column'} height={'100%'} margin={'10%'}>
         <Box>
           <Image src={user.images[0]} borderRadius={'1rem'}/>