make separate component for pageContent

web/src/app/[...url]/page.tsx

@@ -1,9 +1,9 @@
 import { graphql } from "@/gql";
 import { GenericFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
-import { Blocks } from "@/components/blocks/Blocks";
 import { notFound } from "next/navigation";
 import { PageHeader } from "@/components/general/PageHeader";
+import { PageContent } from "@/components/general/PageContent";
 
 export const dynamicParams = false;
 
@@ -76,7 +76,7 @@ export default async function Page({ params }: { params: { url: string[] } }) {
   return (
     <main className="site-main" id="main">
       <PageHeader heading={page.title} lead={page.lead} />
-      <Blocks blocks={page.body} />
+      <PageContent blocks={page.body} />
     </main>
   );
 }