website refactor

apps/website/app/sponsor/layout.tsx

@@ -1,6 +1,7 @@
 import { headers } from 'next/headers';
 import { redirect } from 'next/navigation';
 import { createRouteGuard } from '@/lib/auth/createRouteGuard';
+import { Box } from '@/ui/Box';
 
 interface SponsorLayoutProps {
   children: React.ReactNode;
@@ -23,8 +24,8 @@ export default async function SponsorLayout({ children }: SponsorLayoutProps) {
   }
   
   return (
-    <div className="min-h-screen bg-deep-graphite">
+    <Box minHeight="screen" bg="bg-deep-graphite">
       {children}
-    </div>
+    </Box>
   );
 }

apps/website/app/sponsor/leagues/SponsorLeaguesPageClient.tsx

@@ -3,7 +3,7 @@
 import React, { useState, useMemo } from 'react';
 import { SponsorLeaguesTemplate, type SortOption, type TierFilter, type AvailabilityFilter } from '@/templates/SponsorLeaguesTemplate';
 
-export default function SponsorLeaguesPageClient({ data }: { data: unknown }) {
+export function SponsorLeaguesPageClient({ data }: { data: unknown }) {
   const [searchQuery, setSearchQuery] = useState('');
   const [tierFilter] = useState<TierFilter>('all');
   const [availabilityFilter] = useState<AvailabilityFilter>('all');

apps/website/app/sponsor/leagues/[id]/SponsorLeagueDetailPageClient.tsx

@@ -3,7 +3,7 @@
 import React, { useState } from 'react';
 import { SponsorLeagueDetailTemplate } from '@/templates/SponsorLeagueDetailTemplate';
 
-export default function SponsorLeagueDetailPageClient({ data }: { data: any }) {
+export function SponsorLeagueDetailPageClient({ data }: { data: any }) {
   const [activeTab, setActiveTab] = useState<'overview' | 'drivers' | 'races' | 'sponsor'>('overview');
   const [selectedTier, setSelectedTier] = useState<'main' | 'secondary'>('main');
 

apps/website/app/sponsor/leagues/[id]/page.tsx

@@ -1,20 +1,22 @@
 import { notFound } from 'next/navigation';
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import SponsorLeagueDetailPageClient from './SponsorLeagueDetailPageClient';
+import { SponsorLeagueDetailPageClient } from './SponsorLeagueDetailPageClient';
 import { SponsorsApiClient } from '@/lib/api/sponsors/SponsorsApiClient';
 import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
 import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
 import { getWebsiteApiBaseUrl } from '@/lib/config/apiBaseUrl';
+import { getWebsiteServerEnv } from '@/lib/config/env';
 
 export default async function Page({ params }: { params: Promise<{ id: string }> }) {
   const { id } = await params;
   // Manual wiring: create dependencies
   const baseUrl = getWebsiteApiBaseUrl();
+  const env = getWebsiteServerEnv();
   const logger = new ConsoleLogger();
   const errorReporter = new EnhancedErrorReporter(logger, {
     showUserNotifications: true,
     logToConsole: true,
-    reportToExternal: process.env.NODE_ENV === 'production',
+    reportToExternal: env.NODE_ENV === 'production',
   });
 
   // Create API client

apps/website/app/sponsor/leagues/page.tsx

@@ -1,18 +1,20 @@
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import SponsorLeaguesPageClient from './SponsorLeaguesPageClient';
+import { SponsorLeaguesPageClient } from './SponsorLeaguesPageClient';
 import { SponsorsApiClient } from '@/lib/api/sponsors/SponsorsApiClient';
 import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
 import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
 import { getWebsiteApiBaseUrl } from '@/lib/config/apiBaseUrl';
+import { getWebsiteServerEnv } from '@/lib/config/env';
 
 export default async function Page() {
   // Manual wiring: create dependencies
   const baseUrl = getWebsiteApiBaseUrl();
+  const env = getWebsiteServerEnv();
   const logger = new ConsoleLogger();
   const errorReporter = new EnhancedErrorReporter(logger, {
     showUserNotifications: true,
     logToConsole: true,
-    reportToExternal: process.env.NODE_ENV === 'production',
+    reportToExternal: env.NODE_ENV === 'production',
   });
 
   // Create API client

apps/website/app/sponsor/settings/page.tsx

@@ -5,6 +5,8 @@ import { SponsorSettingsTemplate } from '@/templates/SponsorSettingsTemplate';
 import { logoutAction } from '@/app/actions/logoutAction';
 import { ConfirmDialog } from '@/components/shared/ux/ConfirmDialog';
 import { useRouter } from 'next/navigation';
+import { routes } from '@/lib/routing/RouteConfig';
+import { logger } from '@/lib/infrastructure/logging/logger';
 
 // ============================================================================
 // Mock Data
@@ -61,7 +63,7 @@ export default function SponsorSettingsPage() {
   const handleSaveProfile = async () => {
     setSaving(true);
     await new Promise(resolve => setTimeout(resolve, 800));
-    console.log('Profile saved:', profile);
+    logger.info('Profile saved', { profile });
     setSaving(false);
     setSaved(true);
     setTimeout(() => setSaved(false), 3000);
@@ -71,11 +73,11 @@ export default function SponsorSettingsPage() {
     setIsDeleting(true);
     const result = await logoutAction();
     if (result.isErr()) {
-      console.error('Logout failed:', result.getError());
+      logger.error('Logout failed', new Error(result.getError()));
       setIsDeleting(false);
       return;
     }
-    router.push('/auth/login');
+    router.push(routes.auth.login);
   };
 
   const viewData = {