website refactor

apps/website/components/teams/TeamLeaderboardItem.tsx

@@ -11,10 +11,10 @@ interface TeamLeaderboardItemProps {
   name: string;
   logoUrl: string;
   category?: string;
-  memberCount: number;
-  totalWins: number;
+  memberCountLabel: string;
+  totalWinsLabel: string;
   isRecruiting: boolean;
-  rating?: number;
+  ratingLabel: string;
   onClick?: () => void;
   medalColor: string;
   medalBg: string;
@@ -26,10 +26,10 @@ export function TeamLeaderboardItem({
   name,
   logoUrl,
   category,
-  memberCount,
-  totalWins,
+  memberCountLabel,
+  totalWinsLabel,
   isRecruiting,
-  rating,
+  ratingLabel,
   onClick,
   medalColor,
   medalBg,
@@ -99,11 +99,11 @@ export function TeamLeaderboardItem({
           )}
           <Stack direction="row" align="center" gap={1}>
             <Icon icon={Users} size={3} color="var(--text-gray-600)" />
-            <Text size="xs" color="text-gray-500">{memberCount}</Text>
+            <Text size="xs" color="text-gray-500">{memberCountLabel}</Text>
           </Stack>
           <Stack direction="row" align="center" gap={1}>
             <Icon icon={Trophy} size={3} color="var(--text-gray-600)" />
-            <Text size="xs" color="text-gray-500">{totalWins} wins</Text>
+            <Text size="xs" color="text-gray-500">{totalWinsLabel}</Text>
           </Stack>
           {isRecruiting && (
             <Stack direction="row" align="center" gap={1}>
@@ -117,7 +117,7 @@ export function TeamLeaderboardItem({
       {/* Rating */}
       <Stack textAlign="right">
         <Text font="mono" weight="semibold" color="text-purple-400" block>
-          {typeof rating === 'number' ? Math.round(rating).toLocaleString() : '—'}
+          {ratingLabel}
         </Text>
         <Text size="xs" color="text-gray-500">Rating</Text>
       </Stack>