website refactor

apps/website/templates/DriversTemplate.tsx

@@ -24,6 +24,7 @@ import { RecentActivity } from '@/components/feed/RecentActivity';
 import { PageHero } from '@/ui/PageHero';
 import { DriversSearch } from '@/ui/DriversSearch';
 import { EmptyState } from '@/components/shared/state/EmptyState';
+import { NumberDisplay } from '@/lib/display-objects/NumberDisplay';
 import type { DriversViewData } from '@/lib/types/view-data/DriversViewData';
 
 interface DriversTemplateProps {
@@ -62,8 +63,8 @@ export function DriversTemplate({
           stats={[
             { label: 'drivers', value: drivers.length, color: 'text-primary-blue' },
             { label: 'active', value: activeCount, color: 'text-performance-green', animate: true },
-            { label: 'total wins', value: totalWins.toLocaleString(), color: 'text-warning-amber' },
-            { label: 'races', value: totalRaces.toLocaleString(), color: 'text-neon-aqua' },
+            { label: 'total wins', value: NumberDisplay.format(totalWins), color: 'text-warning-amber' },
+            { label: 'races', value: NumberDisplay.format(totalRaces), color: 'text-neon-aqua' },
           ]}
           actions={[
             {