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/statistics/page.tsx

@@ -7,6 +7,7 @@ import { createMemberManagementApi } from '@kit/member-management/api';
 
 import { CmsPageShell } from '~/components/cms-page-shell';
 import { StatsCard } from '~/components/stats-card';
+import { StatsBarChart, StatsPieChart } from '~/components/stats-charts';
 
 interface PageProps {
   params: Promise<{ account: string }>;
@@ -27,65 +28,48 @@ export default async function MemberStatisticsPage({ params }: PageProps) {
   const api = createMemberManagementApi(client);
   const stats = await api.getMemberStatistics(acct.id);
 
+  const statusChartData = [
+    { name: 'Aktiv', value: stats.active ?? 0 },
+    { name: 'Inaktiv', value: stats.inactive ?? 0 },
+    { name: 'Ausstehend', value: stats.pending ?? 0 },
+    { name: 'Ausgetreten', value: stats.resigned ?? 0 },
+  ];
+
   return (
     <CmsPageShell account={account} title="Mitglieder-Statistiken">
       <div className="flex w-full flex-col gap-6">
-        <div>
-          <h1 className="text-2xl font-bold">Mitglieder-Statistiken</h1>
-          <p className="text-muted-foreground">Übersicht über Ihre Mitglieder</p>
-        </div>
-
         <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
-          <StatsCard
-            title="Gesamt"
-            value={stats.total ?? 0}
-            icon={<Users className="h-5 w-5" />}
-          />
-          <StatsCard
-            title="Aktiv"
-            value={stats.active ?? 0}
-            icon={<UserCheck className="h-5 w-5" />}
-          />
-          <StatsCard
-            title="Inaktiv"
-            value={stats.inactive ?? 0}
-            icon={<UserMinus className="h-5 w-5" />}
-          />
-          <StatsCard
-            title="Ausstehend"
-            value={stats.pending ?? 0}
-            icon={<Clock className="h-5 w-5" />}
-          />
+          <StatsCard title="Gesamt" value={stats.total ?? 0} icon={<Users className="h-5 w-5" />} />
+          <StatsCard title="Aktiv" value={stats.active ?? 0} icon={<UserCheck className="h-5 w-5" />} />
+          <StatsCard title="Inaktiv" value={stats.inactive ?? 0} icon={<UserMinus className="h-5 w-5" />} />
+          <StatsCard title="Ausstehend" value={stats.pending ?? 0} icon={<Clock className="h-5 w-5" />} />
         </div>
 
-        {/* Chart Placeholders */}
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <BarChart3 className="h-5 w-5" />
-              Mitgliederentwicklung
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex h-64 items-center justify-center rounded-md border border-dashed text-muted-foreground">
-              Diagramm wird hier angezeigt
-            </div>
-          </CardContent>
-        </Card>
+        <div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
+          <Card>
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <BarChart3 className="h-5 w-5" />
+                Mitglieder nach Status
+              </CardTitle>
+            </CardHeader>
+            <CardContent>
+              <StatsBarChart data={statusChartData} />
+            </CardContent>
+          </Card>
 
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <TrendingUp className="h-5 w-5" />
-              Eintritte / Austritte pro Monat
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex h-64 items-center justify-center rounded-md border border-dashed text-muted-foreground">
-              Diagramm wird hier angezeigt
-            </div>
-          </CardContent>
-        </Card>
+          <Card>
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <TrendingUp className="h-5 w-5" />
+                Verteilung
+              </CardTitle>
+            </CardHeader>
+            <CardContent>
+              <StatsPieChart data={statusChartData} />
+            </CardContent>
+          </Card>
+        </div>
       </div>
     </CmsPageShell>
   );