website refactor

apps/website/templates/RaceResultsTemplate.tsx

@@ -13,6 +13,7 @@ import { Grid } from '@/ui/Grid';
 import { Icon } from '@/ui/Icon';
 import { Surface } from '@/ui/Surface';
 import { ArrowLeft, Trophy, Zap, type LucideIcon } from 'lucide-react';
+import { DateDisplay } from '@/lib/display-objects/DateDisplay';
 import type { RaceResultsViewData } from '@/lib/view-data/races/RaceResultsViewData';
 import { RaceResultRow } from '@/components/races/RaceResultRow';
 import { RacePenaltyRow } from '@/ui/RacePenaltyRowWrapper';
@@ -45,12 +46,7 @@ export function RaceResultsTemplate({
   importError,
 }: RaceResultsTemplateProps) {
   const formatDate = (date: string) => {
-    return new Date(date).toLocaleDateString('en-US', {
-      weekday: 'long',
-      month: 'long',
-      day: 'numeric',
-      year: 'numeric',
-    });
+    return DateDisplay.formatFull(date);
   };
 
   const formatTime = (ms: number) => {