updates

app/(app)/recap/[machineId]/page.tsx

@@ -1,9 +1,11 @@
+import { Suspense } from "react";
 import { notFound, redirect } from "next/navigation";
 import { requireSession } from "@/lib/auth/requireSession";
 import { getRecapMachineDetailCached, parseRecapDetailRangeInput } from "@/lib/recap/redesign";
+import { RecapDetailPageSkeleton } from "../RecapPageSkeletons";
 import RecapDetailClient from "./RecapDetailClient";
 
-export default async function RecapMachineDetailPage({
+async function RecapDetailData({
   params,
   searchParams,
 }: {
@@ -33,3 +35,17 @@ export default async function RecapMachineDetailPage({
     />
   );
 }
+
+export default function RecapMachineDetailPage({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ machineId: string }>;
+  searchParams?: Promise<Record<string, string | string[] | undefined>>;
+}) {
+  return (
+    <Suspense fallback={<RecapDetailPageSkeleton />}>
+      <RecapDetailData params={params} searchParams={searchParams} />
+    </Suspense>
+  );
+}