fix data flow issues

apps/website/app/page.tsx

@@ -14,19 +14,39 @@ import SimPlatformMockup from '@/components/mockups/SimPlatformMockup';
 import MockupStack from '@/components/ui/MockupStack';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
+import { LandingService } from '@/lib/services/landing/LandingService';
+import { SessionService } from '@/lib/services/auth/SessionService';
+import { AuthApiClient } from '@/lib/api/auth/AuthApiClient';
+import { RacesApiClient } from '@/lib/api/races/RacesApiClient';
+import { LeaguesApiClient } from '@/lib/api/leagues/LeaguesApiClient';
+import { TeamsApiClient } from '@/lib/api/teams/TeamsApiClient';
+import { ConsoleErrorReporter } from '@/lib/infrastructure/logging/ConsoleErrorReporter';
+import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
 
 export default async function HomePage() {
-  const session = null; // TODO
+  const baseUrl = process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:3001';
+  const errorReporter = new ConsoleErrorReporter();
+  const logger = new ConsoleLogger();
+
+  const authApiClient = new AuthApiClient(baseUrl, errorReporter, logger);
+  const racesApiClient = new RacesApiClient(baseUrl, errorReporter, logger);
+  const leaguesApiClient = new LeaguesApiClient(baseUrl, errorReporter, logger);
+  const teamsApiClient = new TeamsApiClient(baseUrl, errorReporter, logger);
+
+  const sessionService = new SessionService(authApiClient);
+  const landingService = new LandingService(racesApiClient, leaguesApiClient, teamsApiClient);
+
+  const session = await sessionService.getSession();
   if (session) {
     redirect('/dashboard');
   }
 
   const mode = getAppMode();
   const isAlpha = mode === 'alpha';
-  // const upcomingRaces = getUpcomingRaces(3);
-  const upcomingRaces = []; // TODO
-  const topLeagues = []; // TODO
-  const teams = []; // TODO
+  const discovery = await landingService.getHomeDiscovery();
+  const upcomingRaces = discovery.upcomingRaces;
+  const topLeagues = discovery.topLeagues;
+  const teams = discovery.teams;
 
   return (
     <main className="min-h-screen">
@@ -332,10 +352,7 @@ export default async function HomePage() {
                         <p className="text-xs text-gray-400 truncate">{race.car}</p>
                       </div>
                       <div className="text-right text-xs text-gray-500 whitespace-nowrap">
-                        {race.scheduledAt.toLocaleDateString(undefined, {
-                          month: 'short',
-                          day: 'numeric'
-                        })}
+                        {race.formattedDate}
                       </div>
                     </li>
                   ))}