Basic layout styling

components/layout/Layout.tsx

@@ -1,7 +1,10 @@
-import { AppShell, Aside, Center, createStyles } from '@mantine/core';
+import { AppShell, Center, createStyles } from '@mantine/core';
 import { Header } from './Header';
 import { Footer } from './Footer';
 import CalendarComponent from '../modules/calendar/CalendarModule';
+import DateComponent from '../modules/date/DateModule';
+import Aside from './Aside';
+import Navbar from './Navbar';
 
 const useStyles = createStyles((theme) => ({
   main: {
@@ -15,18 +18,8 @@ export default function Layout({ children, style }: any) {
   const { classes, cx } = useStyles();
   return (
     <AppShell
-      aside={
-        <Aside
-          height="auto"
-          hiddenBreakpoint="md"
-          hidden
-          width={{
-            base: 'auto',
-          }}
-        >
-          <CalendarComponent />
-        </Aside>
-      }
+      navbar={<Navbar />}
+      aside={<Aside />}
       header={<Header links={[]} />}
       footer={<Footer links={[]} />}
     >