dev setup

apps/website/lib/api/index.ts

@@ -11,7 +11,7 @@ import { DashboardApiClient } from './dashboard/DashboardApiClient';
 import { PenaltiesApiClient } from './penalties/PenaltiesApiClient';
 import { ProtestsApiClient } from './protests/ProtestsApiClient';
 import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
-import { ConsoleErrorReporter } from '@/lib/infrastructure/logging/ConsoleErrorReporter';
+import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
 
 /**
  * Main API Client
@@ -34,7 +34,11 @@ export class ApiClient {
 
   constructor(baseUrl: string) {
     const logger = new ConsoleLogger();
-    const errorReporter = new ConsoleErrorReporter();
+    const errorReporter = new EnhancedErrorReporter(logger, {
+      showUserNotifications: true,
+      logToConsole: true,
+      reportToExternal: process.env.NODE_ENV === 'production',
+    });
 
     this.leagues = new LeaguesApiClient(baseUrl, errorReporter, logger);
     this.races = new RacesApiClient(baseUrl, errorReporter, logger);