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

apps/web/app/[locale]/home/[account]/courses/[courseId]/edit/page.tsx

@@ -1,7 +1,8 @@
+import { getTranslations } from 'next-intl/server';
+
 import { createCourseManagementApi } from '@kit/course-management/api';
 import { CreateCourseForm } from '@kit/course-management/components';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
-import { getTranslations } from 'next-intl/server';
 
 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';

apps/web/app/[locale]/home/[account]/courses/[courseId]/page.tsx

@@ -88,8 +88,10 @@ export default async function CourseDetailPage({ params }: PageProps) {
                     'secondary'
                   }
                 >
-                  {t(COURSE_STATUS_LABEL_KEYS[String(courseData.status)] ??
-                    String(courseData.status))}
+                  {t(
+                    COURSE_STATUS_LABEL_KEYS[String(courseData.status)] ??
+                      String(courseData.status),
+                  )}
                 </Badge>
               </div>
             </CardContent>

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

@@ -129,7 +129,12 @@ export default async function CourseCalendarPage({
         {/* 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.backToCourses')}>
+            <Button
+              variant="ghost"
+              size="icon"
+              asChild
+              aria-label={t('calendar.backToCourses')}
+            >
               <Link href={`/home/${account}/courses`}>
                 <ArrowLeft className="h-4 w-4" aria-hidden="true" />
               </Link>
@@ -142,7 +147,12 @@ export default async function CourseCalendarPage({
         <Card>
           <CardHeader>
             <div className="flex items-center justify-between">
-              <Button variant="ghost" size="icon" asChild aria-label={t('calendar.previousMonth')}>
+              <Button
+                variant="ghost"
+                size="icon"
+                asChild
+                aria-label={t('calendar.previousMonth')}
+              >
                 <Link
                   href={`/home/${account}/courses/calendar?month=${
                     month === 0
@@ -156,7 +166,12 @@ export default async function CourseCalendarPage({
               <CardTitle>
                 {MONTH_NAMES[month]} {year}
               </CardTitle>
-              <Button variant="ghost" size="icon" asChild aria-label={t('calendar.nextMonth')}>
+              <Button
+                variant="ghost"
+                size="icon"
+                asChild
+                aria-label={t('calendar.nextMonth')}
+              >
                 <Link
                   href={`/home/${account}/courses/calendar?month=${
                     month === 11

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

@@ -196,7 +196,10 @@ export default async function CoursesPage({ params, searchParams }: PageProps) {
                               'secondary'
                             }
                           >
-                            {t(COURSE_STATUS_LABEL_KEYS[String(course.status)] ?? String(course.status))}
+                            {t(
+                              COURSE_STATUS_LABEL_KEYS[String(course.status)] ??
+                                String(course.status),
+                            )}
                           </Badge>
                         </td>
                         <td className="p-3 text-right">