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

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

@@ -1,13 +1,13 @@
 import Link from 'next/link';
 
 import { Euro, CreditCard, TrendingUp, ArrowRight } from 'lucide-react';
+import { getTranslations } from 'next-intl/server';
 
 import { createFinanceApi } from '@kit/finance/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 { getTranslations } from 'next-intl/server';
 
 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
@@ -84,9 +84,7 @@ export default async function PaymentsPage({ params }: PageProps) {
       <div className="flex w-full flex-col gap-6">
         {/* Header */}
         <div>
-          <p className="text-muted-foreground">
-            {t('payments.subtitle')}
-          </p>
+          <p className="text-muted-foreground">{t('payments.subtitle')}</p>
         </div>
 
         {/* Stats */}
@@ -121,7 +119,9 @@ export default async function PaymentsPage({ params }: PageProps) {
         <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
           <Card>
             <CardHeader className="flex flex-row items-center justify-between">
-              <CardTitle className="text-base">{t('payments.openInvoices')}</CardTitle>
+              <CardTitle className="text-base">
+                {t('payments.openInvoices')}
+              </CardTitle>
               <Badge
                 variant={openInvoices.length > 0 ? 'default' : 'secondary'}
               >
@@ -131,7 +131,10 @@ export default async function PaymentsPage({ params }: PageProps) {
             <CardContent>
               <p className="text-muted-foreground mb-4 text-sm">
                 {openInvoices.length > 0
-                  ? t('payments.invoicesOpenSummary', { count: openInvoices.length, total: formatCurrency(openTotal) })
+                  ? t('payments.invoicesOpenSummary', {
+                      count: openInvoices.length,
+                      total: formatCurrency(openTotal),
+                    })
                   : t('payments.noOpenInvoices')}
               </p>
               <Button variant="outline" size="sm" asChild>
@@ -145,7 +148,9 @@ export default async function PaymentsPage({ params }: PageProps) {
 
           <Card>
             <CardHeader className="flex flex-row items-center justify-between">
-              <CardTitle className="text-base">{t('payments.sepaBatches')}</CardTitle>
+              <CardTitle className="text-base">
+                {t('payments.sepaBatches')}
+              </CardTitle>
               <Badge variant={batches.length > 0 ? 'default' : 'secondary'}>
                 {batches.length}
               </Badge>
@@ -153,7 +158,10 @@ export default async function PaymentsPage({ params }: PageProps) {
             <CardContent>
               <p className="text-muted-foreground mb-4 text-sm">
                 {batches.length > 0
-                  ? t('payments.batchSummary', { count: batches.length, total: formatCurrency(sepaTotal) })
+                  ? t('payments.batchSummary', {
+                      count: batches.length,
+                      total: formatCurrency(sepaTotal),
+                    })
                   : t('payments.noBatchesFound')}
               </p>
               <Button variant="outline" size="sm" asChild>