feat(aufgaben): Inbox, Aufgabenliste, Ideen und Projekte

Die Schnellerfassung braucht ein Feld und einen Knopf; wer beim Erfassen
erst ein Formular ausfüllen muss, erfasst nichts. Der Fokus bleibt danach
im Feld, damit mehrere Sachen hintereinander hineingehen.

Die Filter der Aufgabenliste stehen in der Adresse, nicht im Zustand der
Komponente — so lässt sich eine gefilterte Liste als Lesezeichen ablegen,
und der Zurück-Knopf tut, was er soll.

Die Startseite zeigt jetzt, was überfällig, heute oder morgen fällig ist,
statt nur die Bereiche aufzuzählen.

Für die Auswahlfelder bewusst das native <select>: es bedient sich auf
dem Handy mit dem Systemdialog und ist ohne Zusatzcode tastaturbedienbar.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/components/kopfleiste.tsx

@@ -10,26 +10,33 @@ import { ROLLEN_NAME, istAdmin } from '@/lib/rollen'
 import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
 
-type Eintrag = { pfad: string; name: string; nurAdmin?: boolean }
-
-const EINTRAEGE: Eintrag[] = [
-  { pfad: '/', name: 'Start' },
-  { pfad: '/bereiche', name: 'Bereiche' },
-  { pfad: '/einstellungen', name: 'Einstellungen' },
-  { pfad: '/verwaltung/protokoll', name: 'Protokoll', nurAdmin: true },
-]
+type Eintrag = { pfad: string; name: string; nurAdmin?: boolean; zaehler?: number }
 
 export function Kopfleiste({
   name,
   email,
   rolle,
   instanzName,
+  inbox = 0,
 }: {
   name: string
   email: string
   rolle: Rolle
   instanzName: string
+  /** Anzahl noch nicht einsortierter Aufgaben. */
+  inbox?: number
 }) {
+  const EINTRAEGE: Eintrag[] = [
+    { pfad: '/', name: 'Start' },
+    { pfad: '/inbox', name: 'Inbox', zaehler: inbox },
+    { pfad: '/aufgaben', name: 'Aufgaben' },
+    { pfad: '/projekte', name: 'Projekte' },
+    { pfad: '/ideen', name: 'Ideen' },
+    { pfad: '/bereiche', name: 'Bereiche' },
+    { pfad: '/einstellungen', name: 'Einstellungen' },
+    { pfad: '/verwaltung/protokoll', name: 'Protokoll', nurAdmin: true },
+  ]
+
   const pfad = usePathname()
   const sichtbar = EINTRAEGE.filter((e) => !e.nurAdmin || istAdmin(rolle))
 
@@ -68,6 +75,14 @@ export function Kopfleiste({
                   <Shield className="mr-1 inline size-3.5" aria-hidden />
                 )}
                 {eintrag.name}
+                {eintrag.zaehler !== undefined && eintrag.zaehler > 0 && (
+                  <span
+                    className="bg-betont text-betont-vordergrund ml-1.5 inline-flex min-w-4 justify-center rounded-full px-1 text-[0.6875rem] leading-4 font-medium"
+                    aria-label={`${eintrag.zaehler} offen`}
+                  >
+                    {eintrag.zaehler}
+                  </span>
+                )}
               </Link>
             )
           })}