website refactor

apps/website/components/leagues/LeagueActivityFeed.tsx

@@ -1,6 +1,7 @@
 import { ActivityFeedItem } from '@/components/feed/ActivityFeedItem';
 import { useLeagueRaces } from "@/hooks/league/useLeagueRaces";
 import { LeagueActivityService } from '@/lib/services/league/LeagueActivityService';
+import { RelativeTimeDisplay } from '@/lib/display-objects/RelativeTimeDisplay';
 import { Icon } from '@/ui/Icon';
 import { Text } from '@/ui/Text';
 import { Stack } from '@/ui/Stack';
@@ -20,19 +21,6 @@ interface LeagueActivityFeedProps {
   limit?: number;
 }
 
-function timeAgo(timestamp: Date): string {
-  const diffMs = Date.now() - timestamp.getTime();
-  const diffMinutes = Math.floor(diffMs / 60000);
-  if (diffMinutes < 1) return 'Just now';
-  if (diffMinutes < 60) return `${diffMinutes} min ago`;
-  const diffHours = Math.floor(diffMinutes / 60);
-  if (diffHours < 24) return `${diffHours}h ago`;
-  const diffDays = Math.floor(diffHours / 24);
-  if (diffDays === 1) return 'Yesterday';
-  if (diffDays < 7) return `${diffDays}d ago`;
-  return timestamp.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-}
-
 export function LeagueActivityFeed({ leagueId, limit = 10 }: LeagueActivityFeedProps) {
   const { data: raceList = [], isLoading } = useLeagueRaces(leagueId);
 
@@ -140,7 +128,7 @@ function ActivityItem({ activity }: { activity: LeagueActivity }) {
     <ActivityFeedItem
       icon={getIcon()}
       content={getContent()}
-      timestamp={timeAgo(activity.timestamp)}
+      timestamp={RelativeTimeDisplay.format(activity.timestamp, new Date())}
     />
   );
 }