fix: breakout current page tsx

app/[lang]/(preview)/preview/page.tsx

@@ -1,17 +1,11 @@
-import { notFound } from "next/navigation"
-
 import { previewRequest } from "@/lib/previewRequest"
 import { GetCurrentBlockPage } from "@/lib/graphql/Query/CurrentBlockPage.graphql"
 
-import Aside from "@/components/Current/Aside"
-import Blocks from "@/components/Current/Blocks"
-import Header from "@/components/Current/Header"
-import Hero from "@/components/Current/Hero"
-
 import type { PageArgs, LangParams, UriParams } from "@/types/params"
 import type { GetCurrentBlockPageData } from "@/types/requests/currentBlockPage"
 import ContentstackLivePreview from "@contentstack/live-preview-utils"
 import LoadingPreview from "@/components/Current/LoadingPreview"
+import ContentPage from "@/components/Current/ContentPage"
 
 export default async function CurrentContentPage({
   params,
@@ -26,7 +20,7 @@ export default async function CurrentContentPage({
 
     const response = await previewRequest<GetCurrentBlockPageData>(
       GetCurrentBlockPage,
-      { locale: params.lang, uid: searchParams.uri }
+      { locale: params.lang, uri: searchParams.uri }
     )
 
     if (!response.data?.all_current_blocks_page?.total) {
@@ -36,19 +30,12 @@ export default async function CurrentContentPage({
       throw new Error("Not found")
     }
 
-    const page = response.data.all_current_blocks_page.items[0]
-    const images = page.hero?.imagesConnection
-
     return (
-      <>
-        <Header lang={params.lang} pathname={searchParams.uri} />
-        {images?.totalCount ? <Hero images={images.edges} /> : null}
-        <main className="main l-sections-wrapper" id="maincontent" role="main">
-          <h1>{page.title}</h1>
-          <Blocks blocks={page.blocks} />
-          <Aside blocks={page.aside} />
-        </main>
-      </>
+      <ContentPage
+        data={response.data}
+        uri={searchParams.uri}
+        lang={params.lang}
+      />
     )
   } catch (error) {
     // TODO: throw 500