Parallelize API requests on profile

src/pages/leaderboards/[mode].astro

@@ -17,7 +17,14 @@ const { page = 1, query, faction, order } = Object.fromEntries(new URL(Astro.req
     <div class="absolute inset-0 bg-gradient-to-b from-gray-950/60 to-gray-950"></div>
   </div>
   <section class="relative mx-auto max-w-screen-md space-y-4 px-4 py-0">
-    <Leaderboard mode={mode} query={query} faction={faction as Race} page={Number(page)} order={order as LeaderboardOrder} client:load />
+    <Leaderboard
+      mode={mode}
+      query={query}
+      faction={faction as Race}
+      page={Number(page)}
+      order={order as LeaderboardOrder}
+      client:load
+    />
     <EsoPromo />
   </section>
 </Layout>

src/pages/players/[id]-[username].astro

@@ -26,15 +26,19 @@ const themes = {
 type Theme = keyof typeof themes
 
 const playerId = Astro.params.id!
-const player = await PlayersApi.getPlayer({ playerId })
-const playerMatches = await PlayersApi.getPlayerMatches({ playerId })
+
+const playerRequest = PlayersApi.getPlayer({ playerId })
+const playerMatchesRequest = PlayersApi.getPlayerMatches({ playerId })
+const playerActivityRequest = PlayersApi.getPlayerStatisticsActivity({ playerId })
+
+const player = await playerRequest
+const playerMatches = await playerMatchesRequest
+const playerActivity = await playerActivityRequest
 
 const highestLeague = player.leaderboard_entries.reduce(
   (acc, entry) => (entry.points > acc.points ? entry : acc),
   player.leaderboard_entries[0]
 )
-
-const playerActivity = (await PlayersApi.getPlayerStatisticsActivity({ playerId })) as any as PlayerActivityStats
 ---
 
 <Layout title={player.nickname}>