feat: Schnellerfassung vom Handy, auch ohne Netz

Ein Feld, ein Knopf, grosse Flaeche. Was ohne Netz erfasst wird, liegt in
IndexedDB, bis es hinausgeht — nicht in localStorage: Ein Eintrag, der
beim Aufraeumen des Speichers verschwindet, ist eine verlorene Aufgabe.

Erst anstellen, dann senden. Andersherum ginge der Eintrag verloren, wenn
der Browser mitten im Senden geschlossen wird. Jede Erfassung traegt eine
vom Geraet vergebene Kennung, damit eine doppelt zugestellte Nachricht
keine zweite Aufgabe ergibt.

Der Dienstarbeiter haelt genau diese eine Seite offline bereit und sonst
nichts. Ein halb veralteter Planer waere schlimmer als gar keiner — ein
Eingabefeld dagegen veraltet nicht, und ohne die Seite naehme die
Warteschlange im Geraet niemandem etwas ab.

Dazu das Manifest, damit sich der Planer als Anwendung ablegen laesst.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/app/(app)/erfassen/page.tsx

@@ -0,0 +1,42 @@
+import type { Metadata } from 'next'
+import Link from 'next/link'
+import { Inbox } from 'lucide-react'
+import { Erfassung } from '@/app/(app)/erfassen/erfassung'
+import { verlangeAnmeldung } from '@/server/berechtigung'
+import { db } from '@/server/db'
+
+export const metadata: Metadata = { title: 'Erfassen' }
+
+export default async function ErfassenSeite() {
+  await verlangeAnmeldung('/erfassen')
+
+  const inbox = await db.aufgabe.count({
+    where: { bereichId: null, status: { in: ['OFFEN', 'GEPLANT', 'WARTET'] } },
+  })
+
+  return (
+    <div className="mx-auto flex w-full max-w-md flex-col gap-6">
+      <div>
+        <h1 className="text-2xl font-semibold tracking-tight">Erfassen</h1>
+        <p className="text-gedaempft-vordergrund text-sm">
+          Alles landet in der Inbox und wird später einsortiert. Ohne Netz wird es
+          gemerkt.
+        </p>
+      </div>
+
+      <Erfassung />
+
+      <Link
+        href="/inbox"
+        className="text-gedaempft-vordergrund hover:text-vordergrund flex items-center gap-2 text-sm"
+      >
+        <Inbox className="size-4" aria-hidden />
+        {inbox === 0
+          ? 'Inbox ist leer'
+          : inbox === 1
+            ? 'Eine Aufgabe in der Inbox'
+            : `${inbox} Aufgaben in der Inbox`}
+      </Link>
+    </div>
+  )
+}