make separate component for pageContent

web/src/app/lokaler/[slug]/page.tsx

@@ -1,8 +1,8 @@
 import { getClient } from "@/app/client";
-import { Blocks } from "@/components/blocks/Blocks";
 import { ImageSliderBlock } from "@/components/blocks/ImageSliderBlock";
 import { Breadcrumb } from "@/components/general/Breadcrumb";
 import { Image } from "@/components/general/Image";
+import { PageContent } from "@/components/general/PageContent";
 import { NeufMap } from "@/components/venues/NeufMap";
 import { VenueInfo } from "@/components/venues/VenueInfo";
 import { graphql } from "@/gql";
@@ -107,7 +107,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
         <Breadcrumb link="/utleie" text="Lokale" />
         <h1 className="page-title">{venue.title}</h1>
       </div>
-      <Blocks blocks={venue.body} />
+      <PageContent blocks={venue.body} />
       <VenueInfo venue={venue} />
       <NeufMap venueSlug={venue.slug} />
     </main>

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>
   );