website refactor

apps/website/app/teams/leaderboard/TeamLeaderboardPageWrapper.tsx

@@ -11,7 +11,7 @@ type SortBy = 'rating' | 'wins' | 'winRate' | 'races';
 export function TeamLeaderboardPageWrapper({ data }: { data: TeamSummaryViewModel[] | null }) {
   const router = useRouter();
   
-  // Client-side state for filtering and sorting
+  // Client-side UI state only (no business logic)
   const [searchQuery, setSearchQuery] = useState('');
   const [filterLevel, setFilterLevel] = useState<SkillLevel | 'all'>('all');
   const [sortBy, setSortBy] = useState<SortBy>('rating');

apps/website/app/teams/leaderboard/page.tsx

@@ -1,11 +1,8 @@
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import { TeamsApiClient } from '@/lib/api/teams/TeamsApiClient';
-import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
-import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
-import { getWebsiteApiBaseUrl } from '@/lib/config/apiBaseUrl';
+import { TeamService } from '@/lib/services/teams/TeamService';
 import { Trophy } from 'lucide-react';
 import { redirect } from 'next/navigation';
-import { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
+import { routes } from '@/lib/routing/RouteConfig';
 import { TeamLeaderboardPageWrapper } from './TeamLeaderboardPageWrapper';
 
 // ============================================================================
@@ -14,34 +11,29 @@ import { TeamLeaderboardPageWrapper } from './TeamLeaderboardPageWrapper';
 
 export default async function TeamLeaderboardPage() {
   // Manual wiring: create dependencies
-  const baseUrl = getWebsiteApiBaseUrl();
-  const logger = new ConsoleLogger();
-  const errorReporter = new EnhancedErrorReporter(logger, {
-    showUserNotifications: true,
-    logToConsole: true,
-    reportToExternal: process.env.NODE_ENV === 'production',
-  });
+  const service = new TeamService();
 
-  // Create API client
-  const apiClient = new TeamsApiClient(baseUrl, errorReporter, logger);
+  // Fetch data through service
+  const result = await service.getAllTeams();
 
-  // Fetch data
-  const result = await apiClient.getAll();
+  // Handle result
+  let data = null;
+  let error = null;
+  
+  if (result.isOk()) {
+    data = result.unwrap();
+  } else {
+    const domainError = result.getError();
+    error = new Error(domainError.message);
+  }
 
-  // Transform DTO to ViewModel
-  const teamsData: TeamSummaryViewModel[] = result.teams.map(team => new TeamSummaryViewModel(team));
-
-  // Prepare data for template
-  const data: TeamSummaryViewModel[] | null = teamsData;
-
-  const hasData = (teamsData?.length ?? 0) > 0;
+  const hasData = (data?.length ?? 0) > 0;
 
   // Handle loading state (should be fast since we're using async/await)
   const isLoading = false;
-  const error = null;
-  const retry = async () => {
+  const retry = () => {
     // In server components, we can't retry without a reload
-    redirect('/teams/leaderboard');
+    redirect(routes.team.detail('leaderboard'));
   };
 
   return (