add generic page header component, person section component with headings, ++

web/src/app/arrangementer/page.tsx

@@ -1,8 +1,8 @@
-
 import { EventFragment, EventOccurrence } from "@/gql/graphql";
 import { getClient } from "@/app/client";
 import { EventContainer } from "@/components/events/EventContainer";
 import { allEventsQuery } from "@/lib/event";
+import { PageHeader } from "@/components/general/PageHeader";
 
 export default async function Page() {
   const { data, error } = await getClient().query(allEventsQuery, {});
@@ -10,9 +10,7 @@ export default async function Page() {
 
   return (
     <main className="site-main" id="main">
-      <section className="page-header">
-        <h1>Arrangementer</h1>
-      </section>
+      <PageHeader heading="Dette skjer på Chateau Neuf" />
       <EventContainer events={events} />
     </main>
   );