feat: MyEasyCMS v2 — Full SaaS rebuild

Complete rebuild of 22-year-old PHP CMS as modern SaaS:

Database (15 migrations, 42+ tables):
- Foundation: account_settings, audit_log, GDPR register, cms_files
- Module Engine: modules, fields, records, permissions, relations + RPC
- Members: 45+ field member profiles, departments, roles, honors, SEPA mandates
- Courses: courses, sessions, categories, instructors, locations, attendance
- Bookings: rooms, guests, bookings with availability
- Events: events, registrations, holiday passes
- Finance: SEPA batches/items (pain.008/001 XML), invoices
- Newsletter: campaigns, templates, recipients, subscriptions
- Site Builder: site_pages (Puck JSON), site_settings, cms_posts
- Portal Auth: member_portal_invitations, user linking

Feature Packages (9):
- @kit/module-builder — dynamic low-code CRUD engine
- @kit/member-management — 31 API methods, 21 actions, 8 components
- @kit/course-management, @kit/booking-management, @kit/event-management
- @kit/finance — SEPA XML generator + IBAN validator
- @kit/newsletter — campaigns + dispatch
- @kit/document-generator — PDF/Excel/Word
- @kit/site-builder — Puck visual editor, 15 blocks, public rendering

Pages (60+):
- Dashboard with real stats from all APIs
- Full CRUD for all 8 domains with react-hook-form + Zod
- Recharts statistics
- German i18n throughout
- Member portal with auth + invitation system
- Public club websites via Puck at /club/[slug]

Infrastructure:
- Dockerfile (multi-stage, standalone output)
- docker-compose.yml (Supabase self-hosted + Next.js)
- Kong API gateway config
- .env.production.example

apps/web/app/[locale]/home/[account]/finance/sepa/new/page.tsx

@@ -1,27 +1,13 @@
-import Link from 'next/link';
-
-import { ArrowLeft } from 'lucide-react';
-
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
-import { Button } from '@kit/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from '@kit/ui/card';
-import { Input } from '@kit/ui/input';
-import { Label } from '@kit/ui/label';
 
+import { CreateSepaBatchForm } from '@kit/finance/components';
 import { CmsPageShell } from '~/components/cms-page-shell';
 
-interface PageProps {
+interface Props {
   params: Promise<{ account: string }>;
 }
 
-export default async function NewSepaPage({ params }: PageProps) {
+export default async function NewSepaBatchPage({ params }: Props) {
   const { account } = await params;
   const client = getSupabaseServerClient();
 
@@ -34,84 +20,8 @@ export default async function NewSepaPage({ params }: PageProps) {
   if (!acct) return <div>Konto nicht gefunden</div>;
 
   return (
-    <CmsPageShell account={account} title="Neuer SEPA-Einzug">
-      <div className="flex w-full flex-col gap-6">
-        {/* Back link */}
-        <div>
-          <Link
-            href={`/home/${account}/finance/sepa`}
-            className="text-muted-foreground hover:text-foreground inline-flex items-center text-sm"
-          >
-            <ArrowLeft className="mr-1 h-4 w-4" />
-            Zurück zu SEPA-Lastschriften
-          </Link>
-        </div>
-
-        <Card className="max-w-2xl">
-          <CardHeader>
-            <CardTitle>Neuer SEPA-Einzug</CardTitle>
-            <CardDescription>
-              Erstellen Sie einen neuen Lastschrifteinzug oder eine Überweisung.
-            </CardDescription>
-          </CardHeader>
-
-          <CardContent>
-            <form className="flex flex-col gap-5">
-              {/* Typ */}
-              <div className="flex flex-col gap-2">
-                <Label htmlFor="batchType">Typ</Label>
-                <select
-                  id="batchType"
-                  name="batchType"
-                  className="border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
-                  defaultValue="direct_debit"
-                >
-                  <option value="direct_debit">Lastschrift</option>
-                  <option value="credit_transfer">Überweisung</option>
-                </select>
-              </div>
-
-              {/* Beschreibung */}
-              <div className="flex flex-col gap-2">
-                <Label htmlFor="description">Beschreibung</Label>
-                <Input
-                  id="description"
-                  name="description"
-                  placeholder="z.B. Mitgliedsbeiträge Q1 2026"
-                  required
-                />
-              </div>
-
-              {/* Ausführungsdatum */}
-              <div className="flex flex-col gap-2">
-                <Label htmlFor="executionDate">Ausführungsdatum</Label>
-                <Input
-                  id="executionDate"
-                  name="executionDate"
-                  type="date"
-                  required
-                />
-              </div>
-
-              {/* PAIN Format Info */}
-              <div className="rounded-md bg-muted/50 p-4 text-sm text-muted-foreground">
-                <p>
-                  <strong>Hinweis:</strong> Nach dem Erstellen können Sie
-                  einzelne Positionen hinzufügen und anschließend die
-                  SEPA-XML-Datei generieren.
-                </p>
-              </div>
-            </form>
-          </CardContent>
-
-          <CardFooter className="flex justify-between">
-            <Link href={`/home/${account}/finance/sepa`}>
-              <Button variant="outline">Abbrechen</Button>
-            </Link>
-            <Button type="submit">Einzug erstellen</Button>
-          </CardFooter>
-        </Card>
-      </div>
+    <CmsPageShell account={account} title="Neuer SEPA-Einzug" description="SEPA-Lastschrifteinzug erstellen">
+      <CreateSepaBatchForm accountId={acct.id} account={account} />
     </CmsPageShell>
   );
 }