make separate component for pageContent

web/src/app/lokaler/page.tsx

@@ -3,7 +3,7 @@ import { VenueFragment, VenueIndexFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
 import { VenueList } from "@/components/venues/VenueList";
 import { PageHeader } from "@/components/general/PageHeader";
-import { Blocks } from "@/components/blocks/Blocks";
+import { PageContent } from "@/components/general/PageContent";
 
 const VenueIndexDefinition = graphql(`
   fragment VenueIndex on VenueIndex {
@@ -64,7 +64,7 @@ export default async function Page() {
   return (
     <main className="site-main" id="main">
       <PageHeader heading={index.title} lead={index.lead} />
-      <Blocks blocks={index.body} />
+      <PageContent blocks={index.body} />
       <VenueList venues={venues} />
     </main>
   );