feat: complete CMS v2 with Docker, Fischerei, Meetings, Verband modules + UX audit fixes

Major changes:
- Docker Compose: full Supabase stack (11 services) equivalent to supabase CLI
- Fischerei module: 16 DB tables, waters/species/stocking/catch books/competitions
- Sitzungsprotokolle module: meeting protocols, agenda items, task tracking
- Verbandsverwaltung module: federation management, member clubs, contacts, fees
- Per-account module activation via Modules page toggle
- Site Builder: live CMS data in Puck blocks (courses, events, membership registration)
- Public registration APIs: course signup, event registration, membership application
- Document generation: PDF member cards, Excel reports, HTML labels
- Landing page: real Com.BISS content (no filler text)
- UX audit fixes: AccountNotFound component, shared status badges, confirm dialog,
  pagination, duplicate heading removal, emoji→badge replacement, a11y fixes
- QA: healthcheck fix, API auth fix, enum mismatch fix, password required attribute

apps/web/app/[locale]/home/[account]/fischerei/catch-books/page.tsx

@@ -0,0 +1,47 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation, CatchBooksDataTable } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}
+
+export default async function CatchBooksPage({ params, searchParams }: Props) {
+  const { account } = await params;
+  const search = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const page = Number(search.page) || 1;
+  const result = await api.listCatchBooks(acct.id, {
+    year: search.year ? Number(search.year) : undefined,
+    status: search.status as string,
+    page,
+    pageSize: 25,
+  });
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Fangbücher">
+      <FischereiTabNavigation account={account} activeTab="catch-books" />
+      <CatchBooksDataTable
+        data={result.data}
+        total={result.total}
+        page={page}
+        pageSize={25}
+        account={account}
+      />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/competitions/page.tsx

@@ -0,0 +1,45 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation, CompetitionsDataTable } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}
+
+export default async function CompetitionsPage({ params, searchParams }: Props) {
+  const { account } = await params;
+  const search = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const page = Number(search.page) || 1;
+  const result = await api.listCompetitions(acct.id, {
+    page,
+    pageSize: 25,
+  });
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Wettbewerbe">
+      <FischereiTabNavigation account={account} activeTab="competitions" />
+      <CompetitionsDataTable
+        data={result.data}
+        total={result.total}
+        page={page}
+        pageSize={25}
+        account={account}
+      />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/layout.tsx

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export default function FischereiLayout({ children }: { children: ReactNode }) {
+  return <>{children}</>;
+}

apps/web/app/[locale]/home/[account]/fischerei/leases/page.tsx

@@ -0,0 +1,119 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { Badge } from '@kit/ui/badge';
+import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
+
+import { LEASE_PAYMENT_LABELS } from '@kit/fischerei/lib/fischerei-constants';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}
+
+export default async function LeasesPage({ params, searchParams }: Props) {
+  const { account } = await params;
+  const search = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const page = Number(search.page) || 1;
+  const result = await api.listLeases(acct.id, {
+    page,
+    pageSize: 25,
+  });
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Pachten">
+      <FischereiTabNavigation account={account} activeTab="leases" />
+      <div className="flex w-full flex-col gap-6">
+        <div>
+          <h1 className="text-2xl font-bold">Pachten</h1>
+          <p className="text-muted-foreground">
+            Gewässerpachtverträge verwalten
+          </p>
+        </div>
+        <Card>
+          <CardHeader>
+            <CardTitle>Pachten ({result.total})</CardTitle>
+          </CardHeader>
+          <CardContent>
+            {result.data.length === 0 ? (
+              <div className="flex flex-col items-center justify-center rounded-lg border border-dashed p-12 text-center">
+                <h3 className="text-lg font-semibold">
+                  Keine Pachten vorhanden
+                </h3>
+                <p className="mt-1 max-w-sm text-sm text-muted-foreground">
+                  Erstellen Sie Ihren ersten Pachtvertrag.
+                </p>
+              </div>
+            ) : (
+              <div className="rounded-md border">
+                <table className="w-full text-sm">
+                  <thead>
+                    <tr className="border-b bg-muted/50">
+                      <th className="p-3 text-left font-medium">Verpächter</th>
+                      <th className="p-3 text-left font-medium">Gewässer</th>
+                      <th className="p-3 text-left font-medium">Beginn</th>
+                      <th className="p-3 text-left font-medium">Ende</th>
+                      <th className="p-3 text-right font-medium">Jahresbetrag (€)</th>
+                      <th className="p-3 text-left font-medium">Zahlungsart</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {result.data.map((lease: Record<string, unknown>) => {
+                      const waters = lease.waters as Record<string, unknown> | null;
+                      const paymentMethod = String(lease.payment_method ?? 'ueberweisung');
+
+                      return (
+                        <tr key={String(lease.id)} className="border-b hover:bg-muted/30">
+                          <td className="p-3 font-medium">
+                            {String(lease.lessor_name)}
+                          </td>
+                          <td className="p-3">
+                            {waters ? String(waters.name) : '—'}
+                          </td>
+                          <td className="p-3">
+                            {lease.start_date
+                              ? new Date(String(lease.start_date)).toLocaleDateString('de-DE')
+                              : '—'}
+                          </td>
+                          <td className="p-3">
+                            {lease.end_date
+                              ? new Date(String(lease.end_date)).toLocaleDateString('de-DE')
+                              : 'unbefristet'}
+                          </td>
+                          <td className="p-3 text-right">
+                            {lease.initial_amount != null
+                              ? `${Number(lease.initial_amount).toLocaleString('de-DE', { minimumFractionDigits: 2 })} €`
+                              : '—'}
+                          </td>
+                          <td className="p-3">
+                            <Badge variant="outline">
+                              {LEASE_PAYMENT_LABELS[paymentMethod] ?? paymentMethod}
+                            </Badge>
+                          </td>
+                        </tr>
+                      );
+                    })}
+                  </tbody>
+                </table>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/page.tsx

@@ -0,0 +1,33 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation, FischereiDashboard } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface PageProps {
+  params: Promise<{ account: string }>;
+}
+
+export default async function FischereiPage({ params }: PageProps) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const stats = await api.getDashboardStats(acct.id);
+
+  return (
+    <CmsPageShell account={account} title="Fischerei">
+      <FischereiTabNavigation account={account} activeTab="overview" />
+      <FischereiDashboard stats={stats} account={account} />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/permits/page.tsx

@@ -0,0 +1,97 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+}
+
+export default async function PermitsPage({ params }: Props) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const permits = await api.listPermits(acct.id);
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Erlaubnisscheine">
+      <FischereiTabNavigation account={account} activeTab="permits" />
+      <div className="flex w-full flex-col gap-6">
+        <div>
+          <h1 className="text-2xl font-bold">Erlaubnisscheine</h1>
+          <p className="text-muted-foreground">
+            Erlaubnisscheine und Gewässerkarten verwalten
+          </p>
+        </div>
+        <Card>
+          <CardHeader>
+            <CardTitle>Erlaubnisscheine ({permits.length})</CardTitle>
+          </CardHeader>
+          <CardContent>
+            {permits.length === 0 ? (
+              <div className="flex flex-col items-center justify-center rounded-lg border border-dashed p-12 text-center">
+                <h3 className="text-lg font-semibold">
+                  Keine Erlaubnisscheine vorhanden
+                </h3>
+                <p className="mt-1 max-w-sm text-sm text-muted-foreground">
+                  Erstellen Sie Ihren ersten Erlaubnisschein.
+                </p>
+              </div>
+            ) : (
+              <div className="rounded-md border">
+                <table className="w-full text-sm">
+                  <thead>
+                    <tr className="border-b bg-muted/50">
+                      <th className="p-3 text-left font-medium">Bezeichnung</th>
+                      <th className="p-3 text-left font-medium">Kurzcode</th>
+                      <th className="p-3 text-left font-medium">Hauptgewässer</th>
+                      <th className="p-3 text-right font-medium">Gesamtmenge</th>
+                      <th className="p-3 text-center font-medium">Zum Verkauf</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {permits.map((permit: Record<string, unknown>) => {
+                      const waters = permit.waters as Record<string, unknown> | null;
+
+                      return (
+                        <tr key={String(permit.id)} className="border-b hover:bg-muted/30">
+                          <td className="p-3 font-medium">{String(permit.name)}</td>
+                          <td className="p-3 text-muted-foreground">
+                            {String(permit.short_code ?? '—')}
+                          </td>
+                          <td className="p-3">
+                            {waters ? String(waters.name) : '—'}
+                          </td>
+                          <td className="p-3 text-right">
+                            {permit.total_quantity != null
+                              ? String(permit.total_quantity)
+                              : '—'}
+                          </td>
+                          <td className="p-3 text-center">
+                            {permit.is_for_sale ? '✓' : '—'}
+                          </td>
+                        </tr>
+                      );
+                    })}
+                  </tbody>
+                </table>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/species/new/page.tsx

@@ -0,0 +1,29 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { FischereiTabNavigation, CreateSpeciesForm } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+}
+
+export default async function NewSpeciesPage({ params }: Props) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  return (
+    <CmsPageShell account={account} title="Neue Fischart">
+      <FischereiTabNavigation account={account} activeTab="species" />
+      <CreateSpeciesForm accountId={acct.id} account={account} />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/species/page.tsx

@@ -0,0 +1,46 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation, SpeciesDataTable } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}
+
+export default async function SpeciesPage({ params, searchParams }: Props) {
+  const { account } = await params;
+  const search = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const page = Number(search.page) || 1;
+  const result = await api.listSpecies(acct.id, {
+    search: search.q as string,
+    page,
+    pageSize: 50,
+  });
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Fischarten">
+      <FischereiTabNavigation account={account} activeTab="species" />
+      <SpeciesDataTable
+        data={result.data}
+        total={result.total}
+        page={page}
+        pageSize={50}
+        account={account}
+      />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/statistics/page.tsx

@@ -0,0 +1,50 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { FischereiTabNavigation } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+}
+
+export default async function StatisticsPage({ params }: Props) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Statistiken">
+      <FischereiTabNavigation account={account} activeTab="statistics" />
+      <div className="flex w-full flex-col gap-6">
+        <div>
+          <h1 className="text-2xl font-bold">Statistiken</h1>
+          <p className="text-muted-foreground">
+            Fangstatistiken und Auswertungen
+          </p>
+        </div>
+        <Card>
+          <CardHeader>
+            <CardTitle>Fangstatistiken</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="flex flex-col items-center justify-center rounded-lg border border-dashed p-12 text-center">
+              <h3 className="text-lg font-semibold">Noch keine Daten vorhanden</h3>
+              <p className="mt-1 max-w-sm text-sm text-muted-foreground">
+                Sobald Fangbücher eingereicht und geprüft werden, erscheinen hier Statistiken und Auswertungen.
+              </p>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/stocking/new/page.tsx

@@ -0,0 +1,53 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation, CreateStockingForm } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+}
+
+export default async function NewStockingPage({ params }: Props) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+
+  // Load waters and species lists for form dropdowns
+  const [watersResult, speciesResult] = await Promise.all([
+    api.listWaters(acct.id, { pageSize: 200 }),
+    api.listSpecies(acct.id, { pageSize: 200 }),
+  ]);
+
+  const waters = watersResult.data.map((w: Record<string, unknown>) => ({
+    id: String(w.id),
+    name: String(w.name),
+  }));
+
+  const species = speciesResult.data.map((s: Record<string, unknown>) => ({
+    id: String(s.id),
+    name: String(s.name),
+  }));
+
+  return (
+    <CmsPageShell account={account} title="Besatz eintragen">
+      <FischereiTabNavigation account={account} activeTab="stocking" />
+      <CreateStockingForm
+        accountId={acct.id}
+        account={account}
+        waters={waters}
+        species={species}
+      />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/stocking/page.tsx

@@ -0,0 +1,45 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation, StockingDataTable } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}
+
+export default async function StockingPage({ params, searchParams }: Props) {
+  const { account } = await params;
+  const search = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const page = Number(search.page) || 1;
+  const result = await api.listStocking(acct.id, {
+    page,
+    pageSize: 25,
+  });
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Besatz">
+      <FischereiTabNavigation account={account} activeTab="stocking" />
+      <StockingDataTable
+        data={result.data}
+        total={result.total}
+        page={page}
+        pageSize={25}
+        account={account}
+      />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/waters/new/page.tsx

@@ -0,0 +1,29 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { FischereiTabNavigation, CreateWaterForm } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+}
+
+export default async function NewWaterPage({ params }: Props) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  return (
+    <CmsPageShell account={account} title="Neues Gewässer">
+      <FischereiTabNavigation account={account} activeTab="waters" />
+      <CreateWaterForm accountId={acct.id} account={account} />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/fischerei/waters/page.tsx

@@ -0,0 +1,47 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createFischereiApi } from '@kit/fischerei/api';
+import { FischereiTabNavigation, WatersDataTable } from '@kit/fischerei/components';
+
+import { CmsPageShell } from '~/components/cms-page-shell';
+import { AccountNotFound } from '~/components/account-not-found';
+
+interface Props {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}
+
+export default async function WatersPage({ params, searchParams }: Props) {
+  const { account } = await params;
+  const search = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createFischereiApi(client);
+  const page = Number(search.page) || 1;
+  const result = await api.listWaters(acct.id, {
+    search: search.q as string,
+    waterType: search.type as string,
+    page,
+    pageSize: 25,
+  });
+
+  return (
+    <CmsPageShell account={account} title="Fischerei - Gewässer">
+      <FischereiTabNavigation account={account} activeTab="waters" />
+      <WatersDataTable
+        data={result.data}
+        total={result.total}
+        page={page}
+        pageSize={25}
+        account={account}
+      />
+    </CmsPageShell>
+  );
+}