fix(e2e): wrap dynamic-route page in Suspense for cacheComponents compat

Author: jacekradko

integration/templates/next-cache-components/src/app/dynamic-route/[id]/page.tsx

@@ -1,9 +1,17 @@
-export default async function DynamicPage({ params }: { params: Promise<{ id: string }> }) {
+import { Suspense } from 'react';
+
+async function DynamicContent({ params }: { params: Promise<{ id: string }> }) {
   const { id } = await params;
+  return <p data-testid='route-id'>{id}</p>;
+}
+
+export default function DynamicPage({ params }: { params: Promise<{ id: string }> }) {
   return (
     <main>
       <h1>Dynamic Route</h1>
-      <p data-testid='route-id'>{id}</p>
+      <Suspense fallback={<div>Loading...</div>}>
+        <DynamicContent params={params} />
+      </Suspense>
     </main>
   );
 }