event page progress, make separate details component and move some stuff around

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

@@ -1,6 +1,6 @@
 import { getClient } from "@/app/client";
 import { Blocks } from "@/components/blocks/Blocks";
-import { DateList } from "@/components/events/DateList";
+import { EventDetails } from "@/components/events/EventDetails";
 import { EventHeader } from "@/components/events/EventHeader";
 import { BgPig } from "@/components/general/BgPig";
 import { graphql } from "@/gql";
@@ -54,8 +54,8 @@ export default async function Page({ params }: { params: { slug: string } }) {
     <>
       <main className="site-main" id="main">
         <EventHeader event={event} />
+        <EventDetails event={event} />
         <section className="pageContent">
-          <DateList event={event} />
           <Blocks blocks={event.body} />
         </section>
       </main>