fetch and filter on event categories

web/src/app/arrangementer/page.tsx

@@ -1,17 +1,23 @@
-import { EventFragment, EventOccurrence } from "@/gql/graphql";
 import { getClient } from "@/app/client";
 import { EventContainer } from "@/components/events/EventContainer";
-import { allEventsQuery } from "@/lib/event";
+import {
+  allEventsQuery,
+  EventFragment,
+  EventCategoryFragment,
+  EventOccurrence,
+} from "@/lib/event";
 import { PageHeader } from "@/components/general/PageHeader";
 
 export default async function Page() {
   const { data, error } = await getClient().query(allEventsQuery, {});
   const events = (data?.events ?? []) as EventFragment[];
+  const eventCategories = (data?.eventCategories ??
+    []) as EventCategoryFragment[];
 
   return (
     <main className="site-main" id="main">
       <PageHeader heading="Dette skjer på Chateau Neuf" />
-      <EventContainer events={events} />
+      <EventContainer events={events} eventCategories={eventCategories} />
     </main>
   );
 }