website refactor

apps/website/client-wrapper/RosterAdminPage.tsx

@@ -17,6 +17,8 @@ import type { LeagueRosterJoinRequestDTO } from '@/lib/types/generated/LeagueRos
 import type { LeagueRosterMemberDTO } from '@/lib/types/generated/LeagueRosterMemberDTO';
 import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
+import { DateDisplay } from '@/lib/display-objects/DateDisplay';
+
 const ROLE_OPTIONS: MembershipRole[] = ['owner', 'admin', 'steward', 'member'];
 
 export function RosterAdminPage({ viewData: initialViewData }: Partial<ClientWrapperProps<LeagueRosterAdminViewData>>) {
@@ -81,6 +83,7 @@ export function RosterAdminPage({ viewData: initialViewData }: Partial<ClientWra
       id: req.id,
       driver: req.driver as { id: string; name: string },
       requestedAt: req.requestedAt,
+      formattedRequestedAt: DateDisplay.formatShort(req.requestedAt),
       message: req.message || undefined,
     })),
     members: members.map((m: LeagueRosterMemberDTO): RosterMemberData => ({
@@ -88,6 +91,7 @@ export function RosterAdminPage({ viewData: initialViewData }: Partial<ClientWra
       driver: m.driver as { id: string; name: string },
       role: m.role,
       joinedAt: m.joinedAt,
+      formattedJoinedAt: DateDisplay.formatShort(m.joinedAt),
     })),
   }), [leagueId, joinRequests, members]);