fix issues

apps/website/app/dashboard/layout.tsx

@@ -0,0 +1,24 @@
+'use client';
+
+import { AuthGuard } from '@/lib/gateways/AuthGuard';
+import { ReactNode } from 'react';
+
+interface DashboardLayoutProps {
+  children: ReactNode;
+}
+
+/**
+ * Dashboard Layout
+ * 
+ * Provides authentication protection for all dashboard routes.
+ * Wraps children with AuthGuard to ensure only authenticated users can access.
+ */
+export default function DashboardLayout({ children }: DashboardLayoutProps) {
+  return (
+    <AuthGuard redirectPath="/auth/login">
+      <div className="min-h-screen bg-deep-graphite">
+        {children}
+      </div>
+    </AuthGuard>
+  );
+}

apps/website/app/dashboard/page.tsx

@@ -34,31 +34,31 @@ import { getGreeting, timeUntil } from '@/lib/utilities/time';
 export default function DashboardPage() {
     const { data: dashboardData, isLoading, error } = useDashboardOverview();
 
-   if (isLoading) {
-     return (
-       <main className="min-h-screen bg-deep-graphite flex items-center justify-center">
-         <div className="text-white">Loading dashboard...</div>
-       </main>
-     );
-   }
+    if (isLoading) {
+      return (
+        <main className="min-h-screen bg-deep-graphite flex items-center justify-center">
+          <div className="text-white">Loading dashboard...</div>
+        </main>
+      );
+    }
 
-   if (error || !dashboardData) {
-     return (
-       <main className="min-h-screen bg-deep-graphite flex items-center justify-center">
-         <div className="text-red-400">Failed to load dashboard</div>
-       </main>
-     );
-   }
+    if (error || !dashboardData) {
+      return (
+        <main className="min-h-screen bg-deep-graphite flex items-center justify-center">
+          <div className="text-red-400">Failed to load dashboard</div>
+        </main>
+      );
+    }
 
-   const currentDriver = dashboardData.currentDriver;
-   const nextRace = dashboardData.nextRace;
-   const upcomingRaces = dashboardData.upcomingRaces;
-   const leagueStandingsSummaries = dashboardData.leagueStandings;
-   const feedSummary = { items: dashboardData.feedItems };
-   const friends = dashboardData.friends;
-   const activeLeaguesCount = dashboardData.activeLeaguesCount;
+    const currentDriver = dashboardData.currentDriver;
+    const nextRace = dashboardData.nextRace;
+    const upcomingRaces = dashboardData.upcomingRaces;
+    const leagueStandingsSummaries = dashboardData.leagueStandings;
+    const feedSummary = { items: dashboardData.feedItems };
+    const friends = dashboardData.friends;
+    const activeLeaguesCount = dashboardData.activeLeaguesCount;
 
-   const { totalRaces, wins, podiums, rating, globalRank, consistency } = currentDriver;
+    const { totalRaces, wins, podiums, rating, globalRank, consistency } = currentDriver;
 
   return (
     <main className="min-h-screen bg-deep-graphite">