website refactor

apps/website/components/teams/TeamDetailsHeader.tsx

@@ -14,7 +14,9 @@ interface TeamDetailsHeaderProps {
   description?: string;
   logoUrl?: string;
   memberCount: number;
+  memberCountLabel?: string;
   foundedDate?: string;
+  foundedDateLabel?: string;
   isAdmin?: boolean;
   onAdminClick?: () => void;
 }
@@ -25,7 +27,9 @@ export function TeamDetailsHeader({
   description,
   logoUrl,
   memberCount,
+  memberCountLabel,
   foundedDate,
+  foundedDateLabel,
   isAdmin,
   onAdminClick,
 }: TeamDetailsHeaderProps) {
@@ -38,6 +42,9 @@ export function TeamDetailsHeader({
         </div>
       }
       description={description || 'No mission statement provided.'}
+      memberCount={memberCount}
+      memberCountLabel={memberCountLabel}
+      foundedDateLabel={foundedDateLabel}
       sideContent={
         <div className="w-32 h-32 bg-[var(--ui-color-bg-surface-muted)] border border-[var(--ui-color-border-default)] flex items-center justify-center overflow-hidden rounded-lg">
           {logoUrl ? (
@@ -58,7 +65,7 @@ export function TeamDetailsHeader({
             },
             {
               label: 'Established',
-              value: foundedDate ? new Date(foundedDate).toLocaleDateString() : 'Unknown',
+              value: foundedDateLabel || 'Unknown',
             }
           ]}
         />

apps/website/components/teams/TeamHero.tsx

@@ -17,13 +17,16 @@ interface TeamHeroProps {
     description?: string;
     category?: string | null;
     createdAt?: string;
+    foundedDateLabel?: string;
     leagues: { id: string }[];
   };
   memberCount: number;
+  memberCountLabel?: string;
+  leagueCountLabel?: string;
   onUpdate: () => void;
 }
 
-export function TeamHero({ team, memberCount, onUpdate }: TeamHeroProps) {
+export function TeamHero({ team, memberCount, memberCountLabel, leagueCountLabel, onUpdate }: TeamHeroProps) {
   return (
     <Card>
       <Group align="start" justify="between" wrap gap={6}>
@@ -44,20 +47,20 @@ export function TeamHero({ team, memberCount, onUpdate }: TeamHeroProps) {
               stats={[
                 {
                   label: 'Personnel',
-                  value: `${memberCount} ${memberCount === 1 ? 'member' : 'members'}`,
+                  value: memberCountLabel || 'Unknown',
                 },
                 ...(team.category ? [{
                   label: 'Category',
                   value: team.category,
                   intent: 'primary' as const,
                 }] : []),
-                ...(team.createdAt ? [{
+                ...(team.foundedDateLabel ? [{
                   label: 'Founded',
-                  value: new Date(team.createdAt).toLocaleDateString('en-US', { month: 'short', year: 'numeric' }),
+                  value: team.foundedDateLabel,
                 }] : []),
                 ...(team.leagues && team.leagues.length > 0 ? [{
                   label: 'Activity',
-                  value: `${team.leagues.length} ${team.leagues.length === 1 ? 'league' : 'leagues'}`,
+                  value: leagueCountLabel || 'Unknown',
                 }] : []),
               ]}
             />

apps/website/components/teams/TeamMembersTable.tsx

@@ -10,6 +10,7 @@ interface Member {
   driverName: string;
   role: string;
   joinedAt: string;
+  joinedAtLabel: string;
 }
 
 interface TeamMembersTableProps {
@@ -49,7 +50,7 @@ export function TeamMembersTable({ members, isAdmin, onRemoveMember }: TeamMembe
               </TableCell>
               <TableCell>
                 <Text size="xs" color="text-gray-500" font="mono">
-                  {new Date(member.joinedAt).toLocaleDateString()}
+                  {member.joinedAtLabel}
                 </Text>
               </TableCell>
               <TableCell textAlign="right">