website refactor

apps/website/components/leagues/LeagueReviewSummary.tsx

@@ -27,6 +27,9 @@ import { Icon } from '@/ui/Icon';
 import { Card } from '@/ui/Card';
 import { Grid } from '@/ui/Grid';
  
+import { DateDisplay } from '@/lib/display-objects/DateDisplay';
+import { DurationDisplay } from '@/lib/display-objects/DurationDisplay';
+
 interface LeagueReviewSummaryProps {
   form: LeagueConfigFormModel;
   presets: LeagueScoringPresetViewModel[];
@@ -139,11 +142,7 @@ export function LeagueReviewSummary({ form, presets }: LeagueReviewSummaryProps)
 
   const seasonStartLabel =
     timings.seasonStartDate
-      ? new Date(timings.seasonStartDate).toLocaleDateString(undefined, {
-          month: 'short',
-          day: 'numeric',
-          year: 'numeric',
-        })
+      ? DateDisplay.formatShort(timings.seasonStartDate)
       : null;
 
   const stewardingLabel = (() => {