first commit

frontend/src/components/Layout.tsx

@@ -0,0 +1,18 @@
+import { Outlet } from 'react-router-dom'
+import Sidebar from './Sidebar'
+import { useState } from 'react'
+
+export default function Layout() {
+  const [sidebarCollapsed, setSidebarCollapsed] = useState(false)
+
+  return (
+    <div className="min-h-screen bg-gray-50 flex">
+      <Sidebar collapsed={sidebarCollapsed} onToggle={() => setSidebarCollapsed(!sidebarCollapsed)} />
+      <main className={`flex-1 transition-all duration-300 ${sidebarCollapsed ? 'ml-16' : 'ml-60'}`}>
+        <div className="p-6">
+          <Outlet />
+        </div>
+      </main>
+    </div>
+  )
+}