feature flags

apps/website/app/drivers/page.tsx

@@ -1,14 +1,28 @@
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
 import { DriversTemplate } from '@/templates/DriversTemplate';
-import { PageDataFetcher } from '@/lib/page/PageDataFetcher';
-import { DRIVER_SERVICE_TOKEN } from '@/lib/di/tokens';
-import type { DriverService } from '@/lib/services/drivers/DriverService';
+import { DriverService } from '@/lib/services/drivers/DriverService';
+import { DriversApiClient } from '@/lib/api/drivers/DriversApiClient';
+import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
+import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
+import { getWebsiteApiBaseUrl } from '@/lib/config/apiBaseUrl';
 
 export default async function Page() {
-  const data = await PageDataFetcher.fetch<DriverService, 'getDriverLeaderboard'>(
-    DRIVER_SERVICE_TOKEN, 
-    'getDriverLeaderboard'
-  );
+  // Manual dependency creation (consistent with /races and /teams)
+  const baseUrl = getWebsiteApiBaseUrl();
+  const logger = new ConsoleLogger();
+  const errorReporter = new EnhancedErrorReporter(logger, {
+    showUserNotifications: true,
+    logToConsole: true,
+    reportToExternal: process.env.NODE_ENV === 'production',
+  });
+
+  // Create API client
+  const driversApiClient = new DriversApiClient(baseUrl, errorReporter, logger);
+
+  // Create service
+  const service = new DriverService(driversApiClient);
+  
+  const data = await service.getDriverLeaderboard();
   
   return <PageWrapper data={data} Template={DriversTemplate} />;
 }

apps/website/app/layout.tsx

@@ -71,8 +71,8 @@ export default async function RootLayout({
     }
   }
 
-  // Initialize feature flag service
-  const featureService = FeatureFlagService.fromEnv();
+  // Initialize feature flag service from API
+  const featureService = await FeatureFlagService.fromAPI();
   const enabledFlags = featureService.getEnabledFlags();
 
   return (