Add account hierarchy framework with migrations, RLS policies, and UI components

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

@@ -13,8 +13,8 @@ import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { Button } from '@kit/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
 
-import { CmsPageShell } from '~/components/cms-page-shell';
 import { AccountNotFound } from '~/components/account-not-found';
+import { CmsPageShell } from '~/components/cms-page-shell';
 
 interface PageProps {
   params: Promise<{ account: string }>;
@@ -40,32 +40,28 @@ const DOCUMENT_TYPES = [
   {
     id: 'labels',
     title: 'Etiketten',
-    description:
-      'Adressetiketten für Serienbriefe im Avery-Format drucken.',
+    description: 'Adressetiketten für Serienbriefe im Avery-Format drucken.',
     icon: Tag,
     color: 'text-orange-600 bg-orange-50',
   },
   {
     id: 'report',
     title: 'Bericht',
-    description:
-      'Statistische Auswertungen und Berichte als PDF oder Excel.',
+    description: 'Statistische Auswertungen und Berichte als PDF oder Excel.',
     icon: BarChart3,
     color: 'text-purple-600 bg-purple-50',
   },
   {
     id: 'letter',
     title: 'Brief',
-    description:
-      'Serienbriefe mit personalisierten Platzhaltern erstellen.',
+    description: 'Serienbriefe mit personalisierten Platzhaltern erstellen.',
     icon: Mail,
     color: 'text-rose-600 bg-rose-50',
   },
   {
     id: 'certificate',
     title: 'Zertifikat',
-    description:
-      'Teilnahmebescheinigungen und Zertifikate mit Unterschrift.',
+    description: 'Teilnahmebescheinigungen und Zertifikate mit Unterschrift.',
     icon: Award,
     color: 'text-amber-600 bg-amber-50',
   },
@@ -84,7 +80,11 @@ export default async function DocumentsPage({ params }: PageProps) {
   if (!acct) return <AccountNotFound />;
 
   return (
-    <CmsPageShell account={account} title="Dokumente" description="Dokumente erstellen und verwalten">
+    <CmsPageShell
+      account={account}
+      title="Dokumente"
+      description="Dokumente erstellen und verwalten"
+    >
       <div className="flex w-full flex-col gap-6">
         {/* Actions */}
         <div className="flex items-center justify-end">
@@ -108,7 +108,7 @@ export default async function DocumentsPage({ params }: PageProps) {
                   </div>
                 </CardHeader>
                 <CardContent className="flex flex-1 flex-col justify-between gap-4">
-                  <p className="text-sm text-muted-foreground">
+                  <p className="text-muted-foreground text-sm">
                     {docType.description}
                   </p>
                   <Link