website refactor

apps/website/components/profile/ProfileHeader.tsx

@@ -19,12 +19,12 @@ interface ProfileHeaderProps {
     avatarUrl?: string;
     country: string;
     iracingId: number;
-    joinedAt: string | Date;
+    joinedAtLabel: string;
   };
   stats: {
-    rating: number;
+    ratingLabel: string;
   } | null;
-  globalRank: number;
+  globalRankLabel: string;
   onAddFriend?: () => void;
   friendRequestSent?: boolean;
   isOwnProfile?: boolean;
@@ -33,7 +33,7 @@ interface ProfileHeaderProps {
 export function ProfileHeader({
   driver,
   stats,
-  globalRank,
+  globalRankLabel,
   onAddFriend,
   friendRequestSent,
   isOwnProfile,
@@ -69,7 +69,7 @@ export function ProfileHeader({
             <Group gap={1.5}>
               <Calendar size={14} color="var(--ui-color-text-low)" />
               <Text size="xs" variant="low">
-                Joined {new Date(driver.joinedAt).toLocaleDateString('en-US', { month: 'short', year: 'numeric' })}
+                Joined {driver.joinedAtLabel}
               </Text>
             </Group>
           </Group>
@@ -78,8 +78,8 @@ export function ProfileHeader({
         <ProfileStatsGroup>
           {stats && (
             <React.Fragment>
-              <ProfileStat label="RATING" value={stats.rating} intent="primary" />
-              <ProfileStat label="GLOBAL RANK" value={`#${globalRank}`} intent="warning" />
+              <ProfileStat label="RATING" value={stats.ratingLabel} intent="primary" />
+              <ProfileStat label="GLOBAL RANK" value={globalRankLabel} intent="warning" />
             </React.Fragment>
           )}
         </ProfileStatsGroup>