feat(client): workspace

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/src/routes/_sidebarLayout.tsx

@@ -0,0 +1,31 @@
+import { createFileRoute, Outlet } from '@tanstack/react-router';
+import { AppSidebar } from '@/components/app-sidebar';
+import { SiteHeader } from '@/components/site-header';
+import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar';
+
+export const Route = createFileRoute('/_sidebarLayout')({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <SidebarProvider
+      style={
+        {
+          '--sidebar-width': 'calc(var(--spacing) * 72)',
+          '--header-height': 'calc(var(--spacing) * 12)',
+        } as React.CSSProperties
+      }
+    >
+      <AppSidebar variant="inset" />
+      <SidebarInset>
+        <SiteHeader />
+        <div className="flex flex-1 flex-col">
+          <div className="@container/main flex flex-1 flex-col gap-2">
+            <Outlet />
+          </div>
+        </div>
+      </SidebarInset>
+    </SidebarProvider>
+  );
+}

client/src/routes/_sidebarLayout/index.tsx

@@ -0,0 +1,25 @@
+import { createFileRoute, redirect } from '@tanstack/react-router';
+import { SectionCards } from '@/components/section-cards';
+import { hasToken } from '@/lib/token';
+
+export const Route = createFileRoute('/_sidebarLayout/')({
+  component: Index,
+  beforeLoad: async ({ location }) => {
+    if (!hasToken()) {
+      throw redirect({
+        to: '/login',
+        search: {
+          redirect: location.href,
+        },
+      });
+    }
+  },
+});
+
+function Index() {
+  return (
+    <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
+      <SectionCards />
+    </div>
+  );
+}

client/src/routes/index.tsx

@@ -1,11 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-
-export const Route = createFileRoute('/')({
-  component: Index,
-});
-
-function Index() {
-  return (
-    'Hello World'
-  );
-}