Workers P2: Seite /hustler (lazy), Menü „Hustler“ statt Leads, Stil und Schrift Pixelify Sans

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/pages/WorkersPage.jsx

@@ -0,0 +1,40 @@
+import { useEffect } from 'react'
+import { useSearchParams } from 'react-router-dom'
+import { PageHeader, Tabs } from '../components/ui'
+import WorkersBoard from '../components/workers/WorkersBoard'
+import { useAuth } from '../context/AuthContext'
+import { workersApi } from '../lib/workersClient'
+import { pickTab } from '../lib/workersView'
+import '../styles/workers.css'
+
+// Reiter der Seite. Später kommen freigabe (P3) und botleads (P6) dazu; die Reiterleiste erscheint erst ab zwei Reitern.
+const WORKERS_TABS = [
+  { id: 'hochhaus', label: 'Hochhaus' },
+]
+
+const api = workersApi
+
+// Seite „Hustler“ (Dateiname bleibt WorkersPage): Titel, Reiterwahl über ?tab= und der Inhalt des gewählten Reiters.
+// Auth und Dienst-API kommen von hier; das Board selbst kennt weder Anmeldung noch Appwrite.
+export default function WorkersPage() {
+  const { isAdmin } = useAuth()
+  const [params, setParams] = useSearchParams()
+  const active = pickTab(WORKERS_TABS, params.get('tab'))
+
+  // Tab-Titel nur solange die Seite offen ist; beim Verlassen kommt der vorige Titel zurück
+  useEffect(() => {
+    const previous = document.title
+    document.title = 'Hustler'
+    return () => { document.title = previous }
+  }, [])
+
+  return (
+    <div className="page wk-page">
+      <PageHeader title="Hustler" subtitle="Die Nachtschicht deiner Claude-Armee" />
+      {WORKERS_TABS.length > 1 && (
+        <Tabs tabs={WORKERS_TABS} active={active.id} onChange={(id) => setParams({ tab: id })} />
+      )}
+      {active.id === 'hochhaus' && <WorkersBoard api={api} isAdmin={isAdmin} />}
+    </div>
+  )
+}