Phase 1: Stammdatenverwaltung

Ab hier fuehrt die Wehr ihren Bestand in FLORIAN.

Datenmodell:
- Standort, Geraeteraum, Geraetetyp, Qualifikationstyp und Qualifikation
- Fahrzeug um Fahrgestellnummer, DIN-Typ, Erstzulassung, Sitzplaetze,
  Tankinhalt und UVV-Frist erweitert
- Geraet um Geraetetyp, Lebensdauerkategorie, errechnetes Lebensdauerende,
  Anschaffungspreis und die Lagerung erweitert
- Ein Geraet steht entweder an einem Standort oder ist auf einem Fahrzeug
  verlastet. Eine Pruefbedingung setzt das durch, ein Trigger stellt zusaetzlich
  sicher, dass ein angegebener Geraeteraum zum angegebenen Fahrzeug gehoert.
- RLS auf allen neuen Tabellen, Trigram-Indizes fuer die Volltextsuche

Fachlogik:
- lib/stammdaten/fristen.ts rechnet Prueftermine, Lebensdauer und den
  abgeleiteten Geraetestatus. Der Geraetetyp gibt vor, das Geraet darf
  abweichen.
- lib/stammdaten/qr.ts und qr-parser.ts erzeugen und lesen die Codes
- lib/stammdaten/etiketten.ts baut den A4-Bogen mit 65 Etiketten
- lib/stammdaten/import.ts liest CSV und Excel, erkennt deutsche Datums- und
  Zahlenformate, Windows-1252 und Dubletten innerhalb der Datei
- lib/pdf.ts spricht Gotenberg an

Oberflaeche:
- Geraeteliste mit Volltextsuche, Statusfilter, serverseitiger Sortierung,
  Blaettern, Spaltenauswahl und Massenbearbeitung
- Geraetedetail mit QR-Code, Pruefvorgabe aus dem Geraetetyp und Verlauf
- Fahrzeugliste und -detail mit Beladung nach Beladeordnung
- Mitgliederliste nach Abteilung, Mitgliedsdetail mit Qualifikationen
- Qualifikationen mit Ablaufwarnung je Vorwarnzeit des Typs
- Import-Assistent mit Zuordnung und Vorschau vor dem Uebernehmen
- QR-Scanner ueber die Kamera, mit Eingabefeld als Rueckfallweg

Behoben:
- Fristenrechnung lief ueber startOfDay aus date-fns und damit in der Zeitzone
  des Servers. Ein DATE aus der Datenbank kommt als UTC-Mitternacht und wurde
  dadurch auf den Vortag geschoben — Fristen waeren einen Tag zu frueh faellig
  geworden. Jetzt eigene Kalenderarithmetik auf UTC-Bestandteilen.
- ctx.sitzung blieb in tRPC-Prozeduren nullbar, weil t.middleware() die
  Verengung der vorigen Middleware verwirft. Middleware jetzt direkt an .use().
- CardTitle war ein div und damit keine Ueberschrift. Wer mit einer
  Sprachausgabe arbeitet, springt von Ueberschrift zu Ueberschrift; Karten
  tauchten in dieser Navigation nicht auf.

Daten und Tests:
- Seed um 3 Standorte, 20 Geraeteraeume, 14 Geraetetypen mit echten
  Pruefvorgaben, 49 Geraete und 107 Qualifikationen erweitert
- 104 Vitest-Tests (vorher 32), 44 Playwright-Tests (vorher 10)
- Anleitung um sieben bebilderte Abschnitte erweitert, Changelog, Devlog,
  Aufwandsschaetzung und Roadmap fortgeschrieben

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

src/app/(app)/mitglieder/[id]/page.tsx

@@ -0,0 +1,211 @@
+import Link from "next/link";
+import { notFound, redirect } from "next/navigation";
+import { ArrowLeft } from "lucide-react";
+import { aktuelleSitzung } from "@/lib/auth";
+import { darfPersonSehen } from "@/lib/authz";
+import { fuerOrganisation } from "@/lib/db";
+import { alsDatum, personAnrede } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { FristAnzeige, NichtsGefunden } from "@/components/stammdaten/anzeige";
+
+export const metadata = { title: "Mitglied" };
+
+const DIENSTGRAD_TEXT: Record<string, string> = {
+  FEUERWEHRANWAERTER: "Feuerwehranwärter",
+  FEUERWEHRMANN: "Feuerwehrmann",
+  OBERFEUERWEHRMANN: "Oberfeuerwehrmann",
+  HAUPTFEUERWEHRMANN: "Hauptfeuerwehrmann",
+  LOESCHMEISTER: "Löschmeister",
+  OBERLOESCHMEISTER: "Oberlöschmeister",
+  HAUPTLOESCHMEISTER: "Hauptlöschmeister",
+  BRANDMEISTER: "Brandmeister",
+  OBERBRANDMEISTER: "Oberbrandmeister",
+  HAUPTBRANDMEISTER: "Hauptbrandmeister",
+  KEIN: "—",
+};
+
+/**
+ * Mitgliedsdetail.
+ *
+ * Die Zugriffsprüfung läuft über darfPersonSehen(): die eigenen Daten darf
+ * jeder sehen, fremde nur mit dem Recht person.lesen. Adressen und
+ * Geburtsdatum sind personenbezogene Daten — sie stehen deshalb hinter
+ * derselben Schranke wie alles andere.
+ */
+export default async function MitgliedSeite({ params }: { params: Promise<{ id: string }> }) {
+  const sitzung = await aktuelleSitzung();
+  if (!sitzung) redirect("/anmelden");
+
+  const { id } = await params;
+  if (!darfPersonSehen(sitzung, id)) redirect("/mitglieder");
+
+  const person = await fuerOrganisation(sitzung.organisationId, (db) =>
+    db.person.findUnique({
+      where: { id },
+      select: {
+        id: true,
+        vorname: true,
+        nachname: true,
+        mitgliedsnummer: true,
+        dienstgrad: true,
+        abteilung: true,
+        email: true,
+        telefon: true,
+        mobil: true,
+        strasse: true,
+        plz: true,
+        ort: true,
+        geburtsdatum: true,
+        eintrittsdatum: true,
+        austrittsdatum: true,
+        aktiv: true,
+        letzteAnmeldung: true,
+        rollen: { include: { rolle: true } },
+        qualifikationen: {
+          where: { geloeschtAm: null },
+          include: { typ: true },
+          orderBy: [{ gueltigBis: "asc" }, { erworbenAm: "desc" }],
+        },
+        ausweisTokens: {
+          where: { geloeschtAm: null, aktiv: true },
+          select: { id: true, typ: true, bezeichnung: true, letzteNutzung: true },
+        },
+      },
+    }),
+  );
+
+  if (!person) notFound();
+
+  const angaben: Array<[string, React.ReactNode]> = [
+    ["Mitgliedsnummer", <span className="tabellenzahlen">{person.mitgliedsnummer ?? "—"}</span>],
+    ["Dienstgrad", DIENSTGRAD_TEXT[person.dienstgrad] ?? person.dienstgrad],
+    ["Abteilung", person.abteilung ?? "—"],
+    ["Eintritt", alsDatum(person.eintrittsdatum)],
+    ["Geburtsdatum", alsDatum(person.geburtsdatum)],
+    ["E-Mail", person.email ?? "—"],
+    ["Telefon", person.telefon ?? "—"],
+    ["Mobil", person.mobil ?? "—"],
+    [
+      "Anschrift",
+      person.strasse ? `${person.strasse}, ${person.plz ?? ""} ${person.ort ?? ""}`.trim() : "—",
+    ],
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <Button variant="ghost" size="sm" asChild className="-ml-2 mb-1">
+          <Link href="/mitglieder">
+            <ArrowLeft aria-hidden />
+            Zurück zur Mitgliederliste
+          </Link>
+        </Button>
+        <h1 className="text-2xl font-semibold tracking-tight">{personAnrede(person)}</h1>
+        <div className="mt-1 flex flex-wrap items-center gap-2">
+          {person.rollen.map((zuweisung) => (
+            <Badge key={zuweisung.rolle.schluessel} variant="secondary">
+              {zuweisung.rolle.name}
+            </Badge>
+          ))}
+          {!person.aktiv && <Badge variant="ausgesondert">ausgetreten</Badge>}
+        </div>
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-3">
+        <Card className="lg:col-span-2">
+          <CardHeader>
+            <CardTitle>Angaben</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <dl className="grid gap-x-6 gap-y-3 sm:grid-cols-2">
+              {angaben.map(([bezeichnung, wert]) => (
+                <div key={bezeichnung}>
+                  <dt className="text-xs uppercase tracking-wide text-[var(--muted-foreground)]">
+                    {bezeichnung}
+                  </dt>
+                  <dd className="text-sm">{wert}</dd>
+                </div>
+              ))}
+            </dl>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Terminal-Zugang</CardTitle>
+            <CardDescription>
+              Anmeldemittel für das Gerätehaus. Gespeichert wird nur ein Hash.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            {person.ausweisTokens.length === 0 ? (
+              <p className="text-sm text-[var(--muted-foreground)]">
+                Kein Terminal-Zugang hinterlegt.
+              </p>
+            ) : (
+              <ul className="space-y-2 text-sm">
+                {person.ausweisTokens.map((token) => (
+                  <li key={token.id} className="flex items-center justify-between gap-2">
+                    <span>
+                      <Badge variant="outline">{token.typ}</Badge>{" "}
+                      {token.bezeichnung ?? ""}
+                    </span>
+                    <span className="text-xs text-[var(--muted-foreground)]">
+                      {token.letzteNutzung ? alsDatum(token.letzteNutzung) : "noch nicht benutzt"}
+                    </span>
+                  </li>
+                ))}
+              </ul>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Qualifikationen</CardTitle>
+          <CardDescription>
+            Lehrgänge, Befähigungen und Untersuchungen samt Gültigkeit.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {person.qualifikationen.length === 0 ? (
+            <NichtsGefunden
+              titel="Keine Qualifikationen erfasst"
+              hinweis="Sobald Lehrgänge oder Untersuchungen eingetragen sind, erscheinen sie hier mit ihrer Gültigkeit."
+            />
+          ) : (
+            <ul className="divide-y divide-[var(--border)]">
+              {person.qualifikationen.map((qualifikation) => (
+                <li
+                  key={qualifikation.id}
+                  className="flex flex-wrap items-center gap-x-4 gap-y-1 py-2 text-sm"
+                >
+                  <span className="font-medium">{qualifikation.typ.name}</span>
+                  {qualifikation.typ.kuerzel && (
+                    <Badge variant="outline">{qualifikation.typ.kuerzel}</Badge>
+                  )}
+                  <span className="text-[var(--muted-foreground)]">
+                    erworben {alsDatum(qualifikation.erworbenAm)}
+                  </span>
+                  <span className="ml-auto">
+                    {qualifikation.gueltigBis ? (
+                      <FristAnzeige
+                        datum={qualifikation.gueltigBis}
+                        vorwarnTage={qualifikation.typ.vorwarnzeitTage}
+                      />
+                    ) : (
+                      <span className="text-[var(--muted-foreground)]">unbefristet</span>
+                    )}
+                  </span>
+                </li>
+              ))}
+            </ul>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

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

@@ -0,0 +1,166 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { aktuelleSitzung } from "@/lib/auth";
+import { hatRecht } from "@/lib/authz";
+import { fuerOrganisation } from "@/lib/db";
+import { alsDatum, personName } from "@/lib/utils";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Badge } from "@/components/ui/badge";
+import { NichtsGefunden } from "@/components/stammdaten/anzeige";
+
+export const metadata = { title: "Mitglieder" };
+
+const DIENSTGRAD_TEXT: Record<string, string> = {
+  FEUERWEHRANWAERTER: "Feuerwehranwärter",
+  FEUERWEHRMANN: "Feuerwehrmann",
+  OBERFEUERWEHRMANN: "Oberfeuerwehrmann",
+  HAUPTFEUERWEHRMANN: "Hauptfeuerwehrmann",
+  LOESCHMEISTER: "Löschmeister",
+  OBERLOESCHMEISTER: "Oberlöschmeister",
+  HAUPTLOESCHMEISTER: "Hauptlöschmeister",
+  BRANDMEISTER: "Brandmeister",
+  OBERBRANDMEISTER: "Oberbrandmeister",
+  HAUPTBRANDMEISTER: "Hauptbrandmeister",
+  KEIN: "—",
+};
+
+/**
+ * Mitgliederliste, nach Abteilung gruppiert.
+ *
+ * Aktive, Jugendfeuerwehr und Passive werden getrennt geführt — eine
+ * durchlaufende alphabetische Liste vermischt Gruppen, die in der Wehr nichts
+ * miteinander zu tun haben.
+ */
+export default async function MitgliederSeite() {
+  const sitzung = await aktuelleSitzung();
+  if (!sitzung) redirect("/anmelden");
+  if (!hatRecht(sitzung, "person.lesen")) redirect("/");
+
+  const personen = await fuerOrganisation(sitzung.organisationId, (db) =>
+    db.person.findMany({
+      where: { geloeschtAm: null },
+      orderBy: [{ nachname: "asc" }, { vorname: "asc" }],
+      select: {
+        id: true,
+        vorname: true,
+        nachname: true,
+        mitgliedsnummer: true,
+        dienstgrad: true,
+        abteilung: true,
+        email: true,
+        mobil: true,
+        eintrittsdatum: true,
+        aktiv: true,
+        rollen: { select: { rolle: { select: { name: true, schluessel: true } } } },
+        _count: { select: { qualifikationen: true } },
+      },
+    }),
+  );
+
+  const nachAbteilung = new Map<string, typeof personen>();
+  for (const person of personen) {
+    const gruppe = person.abteilung ?? "Ohne Abteilung";
+    if (!nachAbteilung.has(gruppe)) nachAbteilung.set(gruppe, []);
+    nachAbteilung.get(gruppe)!.push(person);
+  }
+
+  const reihenfolge = ["Aktive", "Jugendfeuerwehr", "Passive", "Verwaltung", "Ohne Abteilung"];
+  const gruppen = [...nachAbteilung.entries()].sort((a, b) => {
+    const ia = reihenfolge.indexOf(a[0]);
+    const ib = reihenfolge.indexOf(b[0]);
+    if (ia === -1 && ib === -1) return a[0].localeCompare(b[0], "de");
+    if (ia === -1) return 1;
+    if (ib === -1) return -1;
+    return ia - ib;
+  });
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold tracking-tight">Mitglieder</h1>
+        <p className="text-sm text-[var(--muted-foreground)]">
+          {personen.length} {personen.length === 1 ? "Mitglied" : "Mitglieder"}, nach
+          Abteilung geordnet.
+        </p>
+      </div>
+
+      {personen.length === 0 ? (
+        <NichtsGefunden
+          titel="Noch keine Mitglieder erfasst"
+          hinweis="Mitglieder lassen sich einzeln anlegen oder aus einer vorhandenen Liste importieren."
+        />
+      ) : (
+        gruppen.map(([abteilung, liste]) => (
+          <section key={abteilung} className="space-y-2">
+            <h2 className="text-sm font-medium uppercase tracking-wide text-[var(--muted-foreground)]">
+              {abteilung} ({liste.length})
+            </h2>
+
+            <div className="rounded-lg border border-[var(--border)]">
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Name</TableHead>
+                    <TableHead>Nr.</TableHead>
+                    <TableHead>Dienstgrad</TableHead>
+                    <TableHead>Funktion</TableHead>
+                    <TableHead>Kontakt</TableHead>
+                    <TableHead className="text-right">Eintritt</TableHead>
+                    <TableHead className="text-right">Qualifikationen</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {liste.map((person) => (
+                    <TableRow key={person.id} className={!person.aktiv ? "opacity-60" : undefined}>
+                      <TableCell className="font-medium">
+                        <Link
+                          href={`/mitglieder/${person.id}`}
+                          className="underline-offset-4 hover:underline"
+                        >
+                          {personName(person)}
+                        </Link>
+                      </TableCell>
+                      <TableCell className="tabellenzahlen text-[var(--muted-foreground)]">
+                        {person.mitgliedsnummer ?? "—"}
+                      </TableCell>
+                      <TableCell className="text-sm">
+                        {DIENSTGRAD_TEXT[person.dienstgrad] ?? person.dienstgrad}
+                      </TableCell>
+                      <TableCell>
+                        <div className="flex flex-wrap gap-1">
+                          {person.rollen
+                            .filter((zuweisung) => zuweisung.rolle.schluessel !== "MITGLIED")
+                            .map((zuweisung) => (
+                              <Badge key={zuweisung.rolle.schluessel} variant="secondary">
+                                {zuweisung.rolle.name}
+                              </Badge>
+                            ))}
+                        </div>
+                      </TableCell>
+                      <TableCell className="text-sm text-[var(--muted-foreground)]">
+                        {person.mobil ?? person.email ?? "—"}
+                      </TableCell>
+                      <TableCell className="text-right tabellenzahlen">
+                        {alsDatum(person.eintrittsdatum)}
+                      </TableCell>
+                      <TableCell className="text-right tabellenzahlen">
+                        {person._count.qualifikationen}
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </div>
+          </section>
+        ))
+      )}
+    </div>
+  );
+}