Initial commit

Made-with: Cursor

frontend/src/App.tsx

@@ -0,0 +1,49 @@
+import { useState } from 'react'
+import { Toaster } from 'sonner'
+import Planning from './Planning'
+import { Dashboard } from './pages/Dashboard'
+import { Settings } from './pages/Settings'
+
+type Page = 'dashboard' | 'planning' | 'settings'
+
+export default function App() {
+  const [page, setPage] = useState<Page>('dashboard')
+
+  return (
+    <div className="min-h-screen bg-slate-950">
+      <nav className="sticky top-0 z-40 border-b border-slate-800/80 bg-slate-950/95 backdrop-blur">
+        <div className="mx-auto flex max-w-7xl items-center gap-1 px-4 py-2 md:px-8">
+          <button
+            type="button"
+            onClick={() => setPage('dashboard')}
+            className={`rounded-lg px-3 py-2 text-sm font-medium transition ${
+              page === 'dashboard' ? 'bg-slate-800 text-white' : 'text-slate-400 hover:bg-slate-900 hover:text-slate-200'
+            }`}
+          >
+            Přehled
+          </button>
+          <button
+            type="button"
+            onClick={() => setPage('planning')}
+            className={`rounded-lg px-3 py-2 text-sm font-medium transition ${
+              page === 'planning' ? 'bg-slate-800 text-white' : 'text-slate-400 hover:bg-slate-900 hover:text-slate-200'
+            }`}
+          >
+            Plán
+          </button>
+          <button
+            type="button"
+            onClick={() => setPage('settings')}
+            className={`rounded-lg px-3 py-2 text-sm font-medium transition ${
+              page === 'settings' ? 'bg-slate-800 text-white' : 'text-slate-400 hover:bg-slate-900 hover:text-slate-200'
+            }`}
+          >
+            Nastavení
+          </button>
+        </div>
+      </nav>
+      {page === 'dashboard' ? <Dashboard /> : page === 'planning' ? <Planning /> : <Settings />}
+      <Toaster richColors position="top-right" theme="dark" />
+    </div>
+  )
+}