use actual occurrences in date list

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 { DateList, DateListDemo } from "@/components/events/DateList";
 import { DateListOld } from "@/components/events/DateListOld";
 import { EventHeader } from "@/components/events/EventHeader";
 import { BgPig } from "@/components/general/BgPig";
@@ -54,7 +54,8 @@ export default async function Page({ params }: { params: { slug: string } }) {
       <main className="site-main" id="main">
         <EventHeader event={event} />
         <section className="pageContent">
-          <DateList />
+          <DateList event={event} />
+          <DateListDemo />
           <DateListOld />
           <Blocks blocks={event.body} />
         </section>