Terminal im Geraetehaus mit Offline-Betrieb ergaenzen

Phase 4: eine eigene Oberflaeche unter /kiosk fuer das Wandtablet in der
Fahrzeughalle — mit Handschuhen bedienbar und arbeitsfaehig, wenn das Netz
weg ist.

Datenmodell: Fahrt, Anwesenheit, Waescheabgabe, Inventurgang,
Inventurposten, KioskVorgang und SyncKonflikt. Die Kennung eines Vorgangs
erzeugt der Browser beim Einreihen und ist damit der Idempotenzschluessel;
kommt derselbe Vorgang nach abgebrochener Uebertragung erneut an, erkennt
ihn der Server wieder. Die Datenbank setzt vier Regeln selbst durch und
verweigert UPDATE und DELETE auf kiosk_vorgang.

Offline: von Hand geschriebener Service Worker, Warteschlange in der
IndexedDB (Dexie), Fotos als Blob daneben, sichtbarer Zustand als Leiste
ueber allem. Was sich beim Nachtragen nicht anwenden laesst, landet als
Konflikt unter /terminal statt verworfen zu werden.

Dazu: Anmeldung per Ausweis, PIN oder signierter QR-Marke vom Handy,
Hallenmonitor mit optionalen DWD-Warnungen, Installation als App.

Behoben: die Warteschlange zog ihren Wiederholungstakt bei jedem Rendern
neu auf und haette einen liegen gebliebenen Vorgang nie ein zweites Mal
geschickt. Gefunden vom Offline-E2E-Test.

31 neue Tests (20 Unit, 11 gegen eine echte Datenbank, 9 E2E je Browser).

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

src/app/kiosk/layout.tsx

@@ -0,0 +1,49 @@
+import type { Metadata, Viewport } from "next";
+import { TrpcProvider } from "@/lib/trpc/provider";
+import { WarteschlangeProvider } from "@/components/kiosk/warteschlange";
+import { ServiceWorkerAnmeldung } from "@/components/kiosk/service-worker";
+
+export const metadata: Metadata = {
+  title: "FLORIAN Terminal",
+  // Ein Terminal gehört nicht in eine Suchmaschine.
+  robots: { index: false, follow: false },
+  appleWebApp: { capable: true, title: "FLORIAN", statusBarStyle: "black-translucent" },
+};
+
+export const viewport: Viewport = {
+  themeColor: "#b91c1c",
+  // Kein Zoom auf dem Wandtablet: ein versehentliches Aufziehen mit dem
+  // Handschuh verschiebt sonst die halbe Oberfläche, und niemand findet zurück.
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+  viewportFit: "cover",
+};
+
+/**
+ * Layout des Terminals.
+ *
+ * Bewusst eigenständig, ohne die Seitenleiste der Verwaltungsoberfläche:
+ *
+ *   * **Große Ziele.** Alles Bedienbare ist mindestens 64 Pixel hoch. Wer mit
+ *     Feuerwehrhandschuhen tippt, trifft keine 32-Pixel-Knöpfe.
+ *   * **Kein Hover.** Ein Touchgerät kennt kein Darüberfahren; alles, was
+ *     wichtig ist, steht immer da.
+ *   * **Kein Zoom, kein Scrollen in der Breite.** Sonst verrutscht die
+ *     Oberfläche, sobald jemand sie mit dem Ärmel streift.
+ *
+ * Der Service Worker und die Warteschlange hängen hier — beide gelten für
+ * alles unterhalb von /kiosk.
+ */
+export default function KioskLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <TrpcProvider>
+      <WarteschlangeProvider>
+        <ServiceWorkerAnmeldung />
+        <div className="min-h-screen bg-[var(--background)] text-[var(--foreground)] [touch-action:manipulation]">
+          {children}
+        </div>
+      </WarteschlangeProvider>
+    </TrpcProvider>
+  );
+}