website refactor

apps/website/templates/LeagueSettingsTemplate.tsx

@@ -11,6 +11,7 @@ import { GridItem } from '@/ui/GridItem';
 import { Icon } from '@/ui/Icon';
 import { Surface } from '@/ui/Surface';
 import { Settings, Users, Trophy, Shield, Clock, LucideIcon } from 'lucide-react';
+import { DateDisplay } from '@/lib/display-objects/DateDisplay';
 import type { LeagueSettingsViewData } from '@/lib/view-data/leagues/LeagueSettingsViewData';
 
 interface LeagueSettingsTemplateProps {
@@ -47,7 +48,7 @@ export function LeagueSettingsTemplate({ viewData }: LeagueSettingsTemplateProps
               <GridItem colSpan={2}>
                 <InfoItem label="Description" value={viewData.league.description} />
               </GridItem>
-              <InfoItem label="Created" value={new Date(viewData.league.createdAt).toLocaleDateString()} />
+              <InfoItem label="Created" value={DateDisplay.formatShort(viewData.league.createdAt)} />
               <InfoItem label="Owner ID" value={viewData.league.ownerId} />
             </Grid>
           </Stack>