make separate component for pageContent

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

@@ -1,8 +1,8 @@
 import { getClient } from "@/app/client";
-import { Blocks } from "@/components/blocks/Blocks";
 import { EventDetails } from "@/components/events/EventDetails";
 import { EventHeader } from "@/components/events/EventHeader";
 import { BgPig } from "@/components/general/BgPig";
+import { PageContent } from "@/components/general/PageContent";
 import { graphql } from "@/gql";
 import { EventFragment } from "@/gql/graphql";
 import { getEventPig } from "@/lib/event";
@@ -55,9 +55,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
       <main className="site-main" id="main">
         <EventHeader event={event} />
         <EventDetails event={event} />
-        <section className="pageContent">
-          <Blocks blocks={event.body} />
-        </section>
+        <PageContent blocks={event.body} />
       </main>
       {eventPig && <BgPig type={eventPig} color="white" />}
     </>