Enhance user profiles with character class feature: Add character class field to user model and update related API routes, UI components, and validation logic. This update improves user profile customization and leaderboard entries by allowing users to select and display their character class.

app/profile/page.tsx

@@ -20,6 +20,7 @@ export default async function ProfilePage() {
       username: true,
       avatar: true,
       bio: true,
+      characterClass: true,
       hp: true,
       maxHp: true,
       xp: true,
@@ -34,13 +35,24 @@ export default async function ProfilePage() {
     redirect("/login");
   }
 
-  const backgroundImage = await getBackgroundImage("home", "/got-background.jpg");
+  const backgroundImage = await getBackgroundImage(
+    "home",
+    "/got-background.jpg"
+  );
+
+  // Convert Date to string for the component
+  const userProfile = {
+    ...user,
+    createdAt: user.createdAt.toISOString(),
+  };
 
   return (
     <main className="min-h-screen bg-black relative">
       <NavigationWrapper />
-      <ProfileForm initialProfile={user} backgroundImage={backgroundImage} />
+      <ProfileForm
+        initialProfile={userProfile}
+        backgroundImage={backgroundImage}
+      />
     </main>
   );
 }
-