website refactor

apps/website/templates/SponsorshipRequestsTemplate.tsx

@@ -9,6 +9,7 @@ import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { Surface } from '@/ui/Surface';
+import { DateDisplay } from '@/lib/display-objects/DateDisplay';
 import type { SponsorshipRequestsViewData } from '@/lib/view-data/SponsorshipRequestsViewData';
 
 export interface SponsorshipRequestsTemplateProps {
@@ -61,7 +62,7 @@ export function SponsorshipRequestsTemplate({
                             <Text size="xs" color="text-gray-400" block mt={1}>{request.message}</Text>
                           )}
                           <Text size="xs" color="text-gray-500" block mt={2}>
-                            {new Date(request.createdAtIso).toLocaleDateString()}
+                            {DateDisplay.formatShort(request.createdAtIso)}
                           </Text>
                         </Box>
                         <Stack direction="row" gap={2}>