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]/members-cms/dues/page.tsx

@@ -1,95 +1,24 @@
-import { Euro, Plus } from 'lucide-react';
-
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
-import { Badge } from '@kit/ui/badge';
-import { Button } from '@kit/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
-
 import { createMemberManagementApi } from '@kit/member-management/api';
-
+import { DuesCategoryManager } from '@kit/member-management/components';
 import { CmsPageShell } from '~/components/cms-page-shell';
-import { EmptyState } from '~/components/empty-state';
 
-interface PageProps {
+interface Props {
   params: Promise<{ account: string }>;
 }
 
-export default async function DuesPage({ params }: PageProps) {
+export default async function DuesPage({ 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>;
 
   const api = createMemberManagementApi(client);
   const categories = await api.listDuesCategories(acct.id);
 
   return (
-    <CmsPageShell account={account} title="Beitragskategorien">
-      <div className="flex w-full flex-col gap-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <h1 className="text-2xl font-bold">Beitragskategorien</h1>
-            <p className="text-muted-foreground">Beiträge und Gebühren verwalten</p>
-          </div>
-          <Button>
-            <Plus className="mr-2 h-4 w-4" />
-            Neue Kategorie
-          </Button>
-        </div>
-
-        {categories.length === 0 ? (
-          <EmptyState
-            icon={<Euro className="h-8 w-8" />}
-            title="Keine Beitragskategorien"
-            description="Legen Sie Ihre erste Beitragskategorie an."
-            actionLabel="Neue Kategorie"
-          />
-        ) : (
-          <Card>
-            <CardHeader>
-              <CardTitle>Alle Kategorien ({categories.length})</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <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">Name</th>
-                      <th className="p-3 text-left font-medium">Beschreibung</th>
-                      <th className="p-3 text-right font-medium">Betrag (€)</th>
-                      <th className="p-3 text-left font-medium">Intervall</th>
-                      <th className="p-3 text-center font-medium">Standard</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {categories.map((cat: Record<string, unknown>) => (
-                      <tr key={String(cat.id)} className="border-b hover:bg-muted/30">
-                        <td className="p-3 font-medium">{String(cat.name)}</td>
-                        <td className="p-3 text-muted-foreground">
-                          {String(cat.description ?? '—')}
-                        </td>
-                        <td className="p-3 text-right">
-                          {cat.amount != null ? `${Number(cat.amount).toFixed(2)}` : '—'}
-                        </td>
-                        <td className="p-3">{String(cat.interval ?? '—')}</td>
-                        <td className="p-3 text-center">
-                          {cat.is_default ? '✓' : '✗'}
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-            </CardContent>
-          </Card>
-        )}
-      </div>
+    <CmsPageShell account={account} title="Beitragskategorien" description="Mitgliedsbeiträge verwalten">
+      <DuesCategoryManager categories={categories} accountId={acct.id} />
     </CmsPageShell>
   );
 }