fix: add missing newlines at the end of JSON files; clean up formatting in page components

apps/web/app/[locale]/home/[account]/finance/sepa/[batchId]/page.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link';
 
 import { ArrowLeft, Download } from 'lucide-react';
+import { getTranslations } from 'next-intl/server';
 
 import { createFinanceApi } from '@kit/finance/api';
 import { formatDate } from '@kit/shared/dates';
@@ -8,7 +9,6 @@ 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 { getTranslations } from 'next-intl/server';
 
 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
@@ -76,7 +76,9 @@ export default async function SepaBatchDetailPage({ params }: PageProps) {
         {/* Summary Card */}
         <Card>
           <CardHeader className="flex flex-row items-center justify-between">
-            <CardTitle>{String(batch.description ?? t('sepa.batchFallbackName'))}</CardTitle>
+            <CardTitle>
+              {String(batch.description ?? t('sepa.batchFallbackName'))}
+            </CardTitle>
             <Badge variant={BATCH_STATUS_VARIANT[status] ?? 'secondary'}>
               {t(BATCH_STATUS_LABEL_KEYS[status] ?? status)}
             </Badge>
@@ -133,7 +135,9 @@ export default async function SepaBatchDetailPage({ params }: PageProps) {
         {/* Items Table */}
         <Card>
           <CardHeader>
-            <CardTitle>{t('sepa.itemCount')} ({items.length})</CardTitle>
+            <CardTitle>
+              {t('sepa.itemCount')} ({items.length})
+            </CardTitle>
           </CardHeader>
           <CardContent>
             {items.length === 0 ? (
@@ -145,10 +149,18 @@ export default async function SepaBatchDetailPage({ params }: PageProps) {
                 <table className="w-full min-w-[640px] text-sm">
                   <thead>
                     <tr className="bg-muted/50 border-b">
-                      <th scope="col" className="p-3 text-left font-medium">Name</th>
-                      <th scope="col" className="p-3 text-left font-medium">IBAN</th>
-                      <th scope="col" className="p-3 text-right font-medium">{t('common.amount')}</th>
-                      <th scope="col" className="p-3 text-left font-medium">{t('common.status')}</th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        Name
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        IBAN
+                      </th>
+                      <th scope="col" className="p-3 text-right font-medium">
+                        {t('common.amount')}
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('common.status')}
+                      </th>
                     </tr>
                   </thead>
                   <tbody>
@@ -176,7 +188,11 @@ export default async function SepaBatchDetailPage({ params }: PageProps) {
                                 ITEM_STATUS_VARIANT[itemStatus] ?? 'secondary'
                               }
                             >
-                              {t(`sepaItemStatus.${itemStatus}` as Parameters<typeof t>[0]) ?? itemStatus}
+                              {t(
+                                `sepaItemStatus.${itemStatus}` as Parameters<
+                                  typeof t
+                                >[0],
+                              ) ?? itemStatus}
                             </Badge>
                           </td>
                         </tr>