Optimize database calls across multiple components by implementing Promise.all for parallel fetching of data, enhancing performance and reducing loading times.

app/profile/page.tsx

@@ -12,31 +12,30 @@ export default async function ProfilePage() {
     redirect("/login");
   }
 
-  const user = await userService.getUserById(session.user.id, {
-    id: true,
-    email: true,
-    username: true,
-    avatar: true,
-    bio: true,
-    characterClass: true,
-    hp: true,
-    maxHp: true,
-    xp: true,
-    maxXp: true,
-    level: true,
-    score: true,
-    createdAt: true,
-  });
+  // Paralléliser les appels DB
+  const [user, backgroundImage] = await Promise.all([
+    userService.getUserById(session.user.id, {
+      id: true,
+      email: true,
+      username: true,
+      avatar: true,
+      bio: true,
+      characterClass: true,
+      hp: true,
+      maxHp: true,
+      xp: true,
+      maxXp: true,
+      level: true,
+      score: true,
+      createdAt: true,
+    }),
+    getBackgroundImage("home", "/got-background.jpg"),
+  ]);
 
   if (!user) {
     redirect("/login");
   }
 
-  const backgroundImage = await getBackgroundImage(
-    "home",
-    "/got-background.jpg"
-  );
-
   // Convert Date to string for the component
   const userProfile = {
     ...user,