do to formatters

apps/website/components/feed/FeedItemCard.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import React, { useEffect, useState } from 'react';
+import { TimeFormatter } from '@/lib/formatters/TimeFormatter';
 import { Button } from '@/ui/Button';
 import { FeedItem } from '@/ui/FeedItem';
-import { Text } from '@/ui/Text';
 import { Stack } from '@/ui/Stack';
-import { TimeDisplay } from '@/lib/display-objects/TimeDisplay';
+import { Text } from '@/ui/Text';
+import { useEffect, useState } from 'react';
 
 interface FeedItemData {
   id: string;
@@ -50,7 +50,7 @@ export function FeedItemCard({ item }: FeedItemCardProps) {
         name: actor?.name || 'Unknown',
         avatar: actor?.avatarUrl
       }}
-      timestamp={TimeDisplay.timeAgo(item.timestamp)}
+      timestamp={TimeFormatter.timeAgo(item.timestamp)}
       content={
         <Stack gap={2}>
           <Text weight="bold" variant="high">{item.headline}</Text>

apps/website/components/feed/FeedLayout.tsx

@@ -1,14 +1,14 @@
 import { FeedList } from '@/components/feed/FeedList';
 import { LatestResultsSidebar } from '@/components/races/LatestResultsSidebar';
 import { UpcomingRacesSidebar } from '@/components/races/UpcomingRacesSidebar';
+import { DateFormatter } from '@/lib/formatters/DateFormatter';
 import { Card } from '@/ui/Card';
 import { Container } from '@/ui/Container';
-import { Heading } from '@/ui/Heading';
 import { Grid } from '@/ui/Grid';
-import { Stack } from '@/ui/Stack';
+import { Heading } from '@/ui/Heading';
 import { Section } from '@/ui/Section';
+import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
-import { DateDisplay } from '@/lib/display-objects/DateDisplay';
 
 interface FeedItemData {
   id: string;
@@ -49,12 +49,12 @@ export function FeedLayout({
 }: FeedLayoutProps) {
   const formattedUpcomingRaces = upcomingRaces.map(r => ({
     ...r,
-    formattedDate: DateDisplay.formatShort(r.scheduledAt),
+    formattedDate: DateFormatter.formatShort(r.scheduledAt),
   }));
 
   const formattedLatestResults = latestResults.map(r => ({
     ...r,
-    formattedDate: DateDisplay.formatShort(r.scheduledAt),
+    formattedDate: DateFormatter.formatShort(r.scheduledAt),
   }));
 
   return (