🏗️ 💥 Change the whole folder structure.

Now using src as a subfolder to the source files

src/components/layout/Layout.tsx

@@ -0,0 +1,36 @@
+import { AppShell, Center, createStyles } from '@mantine/core';
+import { Header } from './Header';
+import { Footer } from './Footer';
+import Aside from './Aside';
+import Navbar from './Navbar';
+
+const useStyles = createStyles((theme) => ({
+  main: {
+    [theme.fn.largerThan('md')]: {
+      width: 1200,
+    },
+  },
+}));
+
+export default function Layout({ children, style }: any) {
+  const { classes, cx } = useStyles();
+  return (
+    <AppShell
+      navbar={<Navbar />}
+      aside={<Aside />}
+      header={<Header links={[]} />}
+      footer={<Footer links={[]} />}
+    >
+      <Center>
+        <main
+          className={cx(classes.main)}
+          style={{
+            ...style,
+          }}
+        >
+          {children}
+        </main>
+      </Center>
+    </AppShell>
+  );
+}