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

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

@@ -1,13 +1,13 @@
 import Link from 'next/link';
 
 import { ArrowLeft } from 'lucide-react';
+import { getTranslations } from 'next-intl/server';
 
 import { createFinanceApi } from '@kit/finance/api';
 import { formatDate } from '@kit/shared/dates';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { Badge } from '@kit/ui/badge';
 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';
@@ -66,7 +66,9 @@ export default async function InvoiceDetailPage({ params }: PageProps) {
         <Card>
           <CardHeader className="flex flex-row items-center justify-between">
             <CardTitle>
-              {t('invoices.invoiceLabel', { number: String(invoice.invoice_number ?? '') })}
+              {t('invoices.invoiceLabel', {
+                number: String(invoice.invoice_number ?? ''),
+              })}
             </CardTitle>
             <Badge variant={INVOICE_STATUS_VARIANT[status] ?? 'secondary'}>
               {t(INVOICE_STATUS_LABEL_KEYS[status] ?? status)}
@@ -125,7 +127,9 @@ export default async function InvoiceDetailPage({ params }: PageProps) {
         {/* Line Items */}
         <Card>
           <CardHeader>
-            <CardTitle>{t('invoiceForm.lineItems')} ({items.length})</CardTitle>
+            <CardTitle>
+              {t('invoiceForm.lineItems')} ({items.length})
+            </CardTitle>
           </CardHeader>
           <CardContent>
             {items.length === 0 ? (
@@ -140,11 +144,15 @@ export default async function InvoiceDetailPage({ params }: PageProps) {
                       <th scope="col" className="p-3 text-left font-medium">
                         {t('invoiceForm.itemDescription')}
                       </th>
-                      <th scope="col" className="p-3 text-right font-medium">{t('invoiceForm.quantity')}</th>
+                      <th scope="col" className="p-3 text-right font-medium">
+                        {t('invoiceForm.quantity')}
+                      </th>
                       <th scope="col" className="p-3 text-right font-medium">
                         {t('invoices.unitPriceCol')}
                       </th>
-                      <th scope="col" className="p-3 text-right font-medium">{t('invoices.totalCol')}</th>
+                      <th scope="col" className="p-3 text-right font-medium">
+                        {t('invoices.totalCol')}
+                      </th>
                     </tr>
                   </thead>
                   <tbody>
@@ -183,7 +191,9 @@ export default async function InvoiceDetailPage({ params }: PageProps) {
                     </tr>
                     <tr>
                       <td colSpan={3} className="p-3 text-right font-medium">
-                        {t('invoiceForm.tax', { rate: Number(invoice.tax_rate ?? 19) })}
+                        {t('invoiceForm.tax', {
+                          rate: Number(invoice.tax_rate ?? 19),
+                        })}
                       </td>
                       <td className="p-3 text-right">
                         {formatCurrency(invoice.tax_amount ?? 0)}