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

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

@@ -1,13 +1,13 @@
 import Link from 'next/link';
 
 import { ArrowLeft, ChevronLeft, ChevronRight } from 'lucide-react';
+import { getTranslations } from 'next-intl/server';
 
 import { createBookingManagementApi } from '@kit/booking-management/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';
@@ -139,14 +139,17 @@ export default async function BookingCalendarPage({ params }: PageProps) {
         {/* Header */}
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-4">
-            <Button variant="ghost" size="icon" asChild aria-label={t('calendar.backToBookings')}>
+            <Button
+              variant="ghost"
+              size="icon"
+              asChild
+              aria-label={t('calendar.backToBookings')}
+            >
               <Link href={`/home/${account}/bookings`}>
                 <ArrowLeft className="h-4 w-4" aria-hidden="true" />
               </Link>
             </Button>
-            <p className="text-muted-foreground">
-              {t('calendar.subtitle')}
-            </p>
+            <p className="text-muted-foreground">{t('calendar.subtitle')}</p>
           </div>
         </div>
 
@@ -154,13 +157,23 @@ export default async function BookingCalendarPage({ params }: PageProps) {
         <Card>
           <CardHeader>
             <div className="flex items-center justify-between">
-              <Button variant="ghost" size="icon" disabled aria-label={t('calendar.previousMonth')}>
+              <Button
+                variant="ghost"
+                size="icon"
+                disabled
+                aria-label={t('calendar.previousMonth')}
+              >
                 <ChevronLeft className="h-4 w-4" aria-hidden="true" />
               </Button>
               <CardTitle>
                 {MONTH_NAMES[month]} {year}
               </CardTitle>
-              <Button variant="ghost" size="icon" disabled aria-label={t('calendar.nextMonth')}>
+              <Button
+                variant="ghost"
+                size="icon"
+                disabled
+                aria-label={t('calendar.nextMonth')}
+              >
                 <ChevronRight className="h-4 w-4" aria-hidden="true" />
               </Button>
             </div>
@@ -232,7 +245,10 @@ export default async function BookingCalendarPage({ params }: PageProps) {
                 <p className="text-2xl font-bold">{bookings.data.length}</p>
               </div>
               <Badge variant="outline">
-                {t('calendar.daysOccupied', { occupied: occupiedDates.size, total: daysInMonth })}
+                {t('calendar.daysOccupied', {
+                  occupied: occupiedDates.size,
+                  total: daysInMonth,
+                })}
               </Badge>
             </div>
           </CardContent>