website refactor

apps/website/templates/SponsorLeagueDetailTemplate.tsx

@@ -30,6 +30,7 @@ import { Surface } from '@/ui/Surface';
 import { Icon } from '@/ui/Icon';
 import { Badge } from '@/ui/Badge';
 import { SponsorTierCard } from '@/components/sponsors/SponsorTierCard';
+import { NumberDisplay } from '@/lib/display-objects/NumberDisplay';
 import { siteConfig } from '@/lib/siteConfig';
 import { routes } from '@/lib/routing/RouteConfig';
 
@@ -320,7 +321,7 @@ export function SponsorLeagueDetailTemplate({
                     <Box>
                       {race.status === 'completed' ? (
                         <Box textAlign="right">
-                          <Text weight="semibold" color="text-white" block>{race.views.toLocaleString()}</Text>
+                          <Text weight="semibold" color="text-white" block>{NumberDisplay.format(race.views)}</Text>
                           <Text size="xs" color="text-gray-500">views</Text>
                         </Box>
                       ) : (