website refactor

apps/website/templates/DashboardTemplate.tsx

@@ -28,69 +28,7 @@ import Card from '@/components/ui/Card';
 
 import { getCountryFlag } from '@/lib/utilities/country';
 import { getGreeting } from '@/lib/utilities/time';
-
-interface DashboardViewData {
-  currentDriver: {
-    name: string;
-    avatarUrl: string;
-    country: string;
-    rating: string;
-    rank: string;
-    totalRaces: string;
-    wins: string;
-    podiums: string;
-    consistency: string;
-  };
-  nextRace: {
-    id: string;
-    track: string;
-    car: string;
-    scheduledAt: string;
-    formattedDate: string;
-    formattedTime: string;
-    timeUntil: string;
-    isMyLeague: boolean;
-  } | null;
-  upcomingRaces: Array<{
-    id: string;
-    track: string;
-    car: string;
-    scheduledAt: string;
-    formattedDate: string;
-    formattedTime: string;
-    timeUntil: string;
-    isMyLeague: boolean;
-  }>;
-  leagueStandings: Array<{
-    leagueId: string;
-    leagueName: string;
-    position: string;
-    points: string;
-    totalDrivers: string;
-  }>;
-  feedItems: Array<{
-    id: string;
-    type: string;
-    headline: string;
-    body?: string;
-    timestamp: string;
-    formattedTime: string;
-    ctaHref?: string;
-    ctaLabel?: string;
-  }>;
-  friends: Array<{
-    id: string;
-    name: string;
-    avatarUrl: string;
-    country: string;
-  }>;
-  activeLeaguesCount: string;
-  friendCount: string;
-  hasUpcomingRaces: boolean;
-  hasLeagueStandings: boolean;
-  hasFeedItems: boolean;
-  hasFriends: boolean;
-}
+import type { DashboardViewData } from './DashboardViewData';
 
 interface DashboardTemplateProps {
     data: DashboardViewData;
@@ -205,7 +143,7 @@ export function DashboardTemplate({ data }: DashboardTemplateProps) {
                                            </span>
                                        )}
                                    </div>
-                                     
+                                  
                                    <div className="flex flex-col md:flex-row md:items-end md:justify-between gap-4">
                                        <div>
                                            <h2 className="text-2xl font-bold text-white mb-2">{nextRace.track}</h2>
@@ -221,7 +159,7 @@ export function DashboardTemplate({ data }: DashboardTemplateProps) {
                                                </span>
                                            </div>
                                        </div>
-                                         
+                                          
                                        <div className="flex flex-col items-end gap-3">
                                            <div className="text-right">
                                                <p className="text-xs text-gray-500 uppercase tracking-wider mb-1">Starts in</p>
@@ -367,4 +305,4 @@ export function DashboardTemplate({ data }: DashboardTemplateProps) {
             </section>
         </main>
     );
-}
+}