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

components/navigation/NavigationWrapper.tsx

@@ -21,23 +21,25 @@ export default async function NavigationWrapper() {
   let activeChallengesCount = 0;
 
   if (session?.user?.id) {
-    const user = await userService.getUserById(session.user.id, {
-      username: true,
-      avatar: true,
-      hp: true,
-      maxHp: true,
-      xp: true,
-      maxXp: true,
-      level: true,
-    });
+    // Paralléliser les appels DB
+    const [user, count] = await Promise.all([
+      userService.getUserById(session.user.id, {
+        username: true,
+        avatar: true,
+        hp: true,
+        maxHp: true,
+        xp: true,
+        maxXp: true,
+        level: true,
+      }),
+      challengeService.getActiveChallengesCount(session.user.id),
+    ]);
 
     if (user) {
       userData = user;
     }
 
-    // Récupérer le nombre de défis actifs
-    activeChallengesCount =
-      await challengeService.getActiveChallengesCount(session.user.id);
+    activeChallengesCount = count;
   }
 
   return (