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

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

@@ -2,16 +2,15 @@ import Link from 'next/link';
 
 import { FileText, Plus } from 'lucide-react';
 
+import { createNewsletterApi } from '@kit/newsletter/api';
 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 { createNewsletterApi } from '@kit/newsletter/api';
-
+import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
 import { EmptyState } from '~/components/empty-state';
-import { AccountNotFound } from '~/components/account-not-found';
 
 interface PageProps {
   params: Promise<{ account: string }>;
@@ -67,7 +66,7 @@ export default async function NewsletterTemplatesPage({ params }: PageProps) {
               <div className="rounded-md border">
                 <table className="w-full text-sm">
                   <thead>
-                    <tr className="border-b bg-muted/50">
+                    <tr className="bg-muted/50 border-b">
                       <th className="p-3 text-left font-medium">Name</th>
                       <th className="p-3 text-left font-medium">Betreff</th>
                       <th className="p-3 text-left font-medium">Variablen</th>
@@ -81,7 +80,7 @@ export default async function NewsletterTemplatesPage({ params }: PageProps) {
                       return (
                         <tr
                           key={String(template.id)}
-                          className="border-b hover:bg-muted/30"
+                          className="hover:bg-muted/30 border-b"
                         >
                           <td className="p-3 font-medium">
                             {String(template.name ?? '—')}
@@ -91,17 +90,19 @@ export default async function NewsletterTemplatesPage({ params }: PageProps) {
                           </td>
                           <td className="p-3">
                             <div className="flex flex-wrap gap-1">
-                              {variables.length > 0
-                                ? variables.map((v) => (
-                                    <Badge
-                                      key={v}
-                                      variant="secondary"
-                                      className="text-xs"
-                                    >
-                                      {`{{${v}}}`}
-                                    </Badge>
-                                  ))
-                                : <span className="text-muted-foreground">—</span>}
+                              {variables.length > 0 ? (
+                                variables.map((v) => (
+                                  <Badge
+                                    key={v}
+                                    variant="secondary"
+                                    className="text-xs"
+                                  >
+                                    {`{{${v}}}`}
+                                  </Badge>
+                                ))
+                              ) : (
+                                <span className="text-muted-foreground">—</span>
+                              )}
                             </div>
                           </td>
                         </tr>