initial commit

apps/frontend/src/components/layout/Layout.tsx

@@ -0,0 +1,20 @@
+import { useState } from "react";
+import { Outlet } from "@tanstack/react-router";
+import { Header } from "./Header";
+import { Sidebar } from "./Sidebar";
+
+export function Layout() {
+  const [sidebarOpen, setSidebarOpen] = useState(false);
+
+  return (
+    <div className="flex min-h-screen">
+      <Sidebar open={sidebarOpen} onClose={() => setSidebarOpen(false)} />
+      <div className="flex flex-1 flex-col">
+        <Header onMenuClick={() => setSidebarOpen(true)} />
+        <main className="flex-1 p-6">
+          <Outlet />
+        </main>
+      </div>
+    </div>
+  );
+}