don't hate me, old git is fuck up

src/layouts/baseLayout.tsx

@@ -0,0 +1,7 @@
+export default function BaseLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="h-screen w-screen bg-white text-zinc-900 dark:bg-near-black  dark:text-white">
+      {children}
+    </div>
+  );
+}

src/layouts/fullLayout.tsx

@@ -0,0 +1,15 @@
+export default function FullLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="bg-gradient-radial-page relative h-full overflow-hidden">
+      {/* dragging area */}
+      <div
+        data-tauri-drag-region
+        className="absolute top-0 left-0 z-20 h-16 w-full bg-transparent"
+      />
+      {/* end dragging area */}
+      {/* content */}
+      <div className="relative z-10 h-full">{children}</div>
+      {/* end content */}
+    </div>
+  );
+}

src/layouts/onboardingLayout.tsx

@@ -0,0 +1,15 @@
+export default function OnboardingLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="flex h-full w-full flex-row">
+      <div className="relative h-full w-[70px] shrink-0 border-r border-zinc-900">
+        <div data-tauri-drag-region className="absolute top-0 left-0 h-12 w-full" />
+      </div>
+      <div className="grid grow grid-cols-4">
+        <div className="col-span-1"></div>
+        <div className="col-span-3 m-3 ml-0 overflow-hidden rounded-lg bg-zinc-900 shadow-md ring-1 ring-inset dark:shadow-black/10 dark:ring-white/10">
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}

src/layouts/userLayout.tsx

@@ -0,0 +1,21 @@
+import AccountBar from '@components/accountBar';
+import NavigatorBar from '@components/navigatorBar';
+
+export default function UserLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="flex h-full w-full flex-row">
+      <div className="relative h-full w-[70px] shrink-0 border-r border-zinc-900">
+        <div data-tauri-drag-region className="absolute top-0 left-0 h-12 w-full" />
+        <AccountBar />
+      </div>
+      <div className="grid grow grid-cols-4">
+        <div className="col-span-1">
+          <NavigatorBar />
+        </div>
+        <div className="col-span-3 m-3 ml-0 overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900 shadow-input shadow-black/20">
+          <div className="h-full w-full rounded-lg">{children}</div>
+        </div>
+      </div>
+    </div>
+  );
+}