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',
             }
           ]}
         />