fix: reduce cold-load latency for Portfolio, Earn, and Mission detail routes (#2841)

Author: mmioana

src/app/[lng]/missions/[slug]/loading.tsx

@@ -0,0 +1,5 @@
+import { MissionPageSkeleton } from 'src/app/ui/mission/MissionPageSkeleton';
+
+export default function Loading() {
+  return <MissionPageSkeleton />;
+}

src/app/[lng]/missions/[slug]/page.tsx

@@ -23,15 +23,35 @@ const getPageTitle = (title: string) => {
 const formatSlugToTitle = (slug: string) => slug.replaceAll('-', ' ');
 
 export async function generateStaticParams() {
-  const { data: missionsResponse } = await getQuestsWithNoCampaignAttached(
-    {
-      page: 1,
-      pageSize: 12,
-    },
+  const pageSize = 25;
+
+  const { data: firstPage } = await getQuestsWithNoCampaignAttached(
+    { page: 1, pageSize, withCount: true },
     UPCOMING_DAYS_AHEAD,
   );
 
-  return missionsResponse.data.map((mission) => ({ slug: mission.Slug || '' }));
+  const { pageCount } = firstPage.meta.pagination;
+
+  const remainingPages =
+    pageCount > 1
+      ? await Promise.all(
+          Array.from({ length: pageCount - 1 }, (_, i) =>
+            getQuestsWithNoCampaignAttached(
+              { page: i + 2, pageSize },
+              UPCOMING_DAYS_AHEAD,
+            ),
+          ),
+        )
+      : [];
+
+  const allMissions = [
+    ...firstPage.data,
+    ...remainingPages.flatMap(({ data }) => data.data),
+  ];
+
+  return allMissions
+    .filter((mission) => mission.Slug)
+    .map((mission) => ({ slug: mission.Slug! }));
 }
 
 export async function generateMetadata({

src/app/[lng]/portfolio/loading.tsx

@@ -0,0 +1,5 @@
+import { PortfolioPageSkeleton } from '@/app/ui/portfolio/PortfolioPageSkeleton';
+
+export default function Loading() {
+  return <PortfolioPageSkeleton />;
+}

src/components/Widgets/Widget.tsx

@@ -63,9 +63,14 @@ export function Widget({
   );
 
   useEffect(() => {
-    const routes = [AppPaths.Main, AppPaths.Gas, AppPaths.Private].filter(
-      (route) => route !== pathname,
-    );
+    const routes = [
+      AppPaths.Main,
+      AppPaths.Gas,
+      AppPaths.Private,
+      AppPaths.Portfolio,
+      AppPaths.Earn,
+      AppPaths.Missions,
+    ].filter((route) => route !== pathname);
 
     const runPrefetch = () => {
       routes.forEach((route) =>