make separate component for pageContent

web/src/app/kontakt/page.tsx

@@ -1,8 +1,8 @@
 import { graphql } from "@/gql";
 import { ContactIndexFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
-import { Blocks } from "@/components/blocks/Blocks";
 import { PageHeader } from "@/components/general/PageHeader";
+import { PageContent } from "@/components/general/PageContent";
 
 const ContactIndexDefinition = graphql(`
   fragment ContactIndex on ContactIndex {
@@ -32,7 +32,7 @@ export default async function Page() {
   return (
     <main className="site-main" id="main">
       <PageHeader heading={index.title} lead={index.lead} />
-      {index.body && <Blocks blocks={index.body} />}
+      {index.body && <PageContent blocks={index.body} />}
     </main>
   );
 }