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]/newsletter/new/page.tsx

@@ -1,125 +1,18 @@
-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 { Textarea } from '@kit/ui/textarea';
-
+import { CreateNewsletterForm } from '@kit/newsletter/components';
 import { CmsPageShell } from '~/components/cms-page-shell';
 
-interface PageProps {
-  params: Promise<{ account: string }>;
-}
+interface Props { params: Promise<{ account: string }> }
 
-export default async function NewNewsletterPage({ params }: PageProps) {
+export default async function NewNewsletterPage({ params }: Props) {
   const { account } = await params;
   const client = getSupabaseServerClient();
-
-  const { data: acct } = await client
-    .from('accounts')
-    .select('id')
-    .eq('slug', account)
-    .single();
-
+  const { data: acct } = await client.from('accounts').select('id').eq('slug', account).single();
   if (!acct) return <div>Konto nicht gefunden</div>;
 
   return (
-    <CmsPageShell account={account} title="Neuer Newsletter">
-      <div className="flex w-full flex-col gap-6">
-        {/* Back link */}
-        <div>
-          <Link
-            href={`/home/${account}/newsletter`}
-            className="text-muted-foreground hover:text-foreground inline-flex items-center text-sm"
-          >
-            <ArrowLeft className="mr-1 h-4 w-4" />
-            Zurück zu Newsletter
-          </Link>
-        </div>
-
-        <Card className="max-w-2xl">
-          <CardHeader>
-            <CardTitle>Neuer Newsletter</CardTitle>
-            <CardDescription>
-              Erstellen Sie eine neue Newsletter-Kampagne.
-            </CardDescription>
-          </CardHeader>
-
-          <CardContent>
-            <form className="flex flex-col gap-5">
-              {/* Betreff */}
-              <div className="flex flex-col gap-2">
-                <Label htmlFor="subject">Betreff</Label>
-                <Input
-                  id="subject"
-                  name="subject"
-                  placeholder="z.B. Monatliche Vereinsnachrichten März 2026"
-                  required
-                />
-              </div>
-
-              {/* Body HTML */}
-              <div className="flex flex-col gap-2">
-                <Label htmlFor="bodyHtml">Inhalt (HTML)</Label>
-                <Textarea
-                  id="bodyHtml"
-                  name="bodyHtml"
-                  placeholder="<h1>Hallo {{first_name}},</h1>&#10;<p>Neuigkeiten aus dem Verein...</p>"
-                  rows={10}
-                  className="font-mono text-sm"
-                  required
-                />
-                <p className="text-xs text-muted-foreground">
-                  Verwenden Sie {'{{first_name}}'}, {'{{name}}'} und{' '}
-                  {'{{email}}'} als Platzhalter für die Personalisierung.
-                </p>
-              </div>
-
-              {/* Empfänger Info */}
-              <div className="rounded-md bg-muted/50 p-4 text-sm text-muted-foreground">
-                <p>
-                  <strong>Empfänger-Auswahl:</strong> Nach dem Erstellen können
-                  Sie die Empfänger aus Ihrer Mitgliederliste auswählen. Es
-                  werden nur Mitglieder mit hinterlegter E-Mail-Adresse
-                  berücksichtigt.
-                </p>
-              </div>
-
-              {/* Vorlage Auswahl */}
-              <div className="flex flex-col gap-2">
-                <Label htmlFor="templateId">
-                  Vorlage (optional)
-                </Label>
-                <select
-                  id="templateId"
-                  name="templateId"
-                  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"
-                >
-                  <option value="">Keine Vorlage</option>
-                </select>
-              </div>
-            </form>
-          </CardContent>
-
-          <CardFooter className="flex justify-between">
-            <Link href={`/home/${account}/newsletter`}>
-              <Button variant="outline">Abbrechen</Button>
-            </Link>
-            <Button type="submit">Newsletter erstellen</Button>
-          </CardFooter>
-        </Card>
-      </div>
+    <CmsPageShell account={account} title="Neuer Newsletter" description="Newsletter-Kampagne erstellen">
+      <CreateNewsletterForm accountId={acct.id} account={account} />
     </CmsPageShell>
   );
 }