tidy up, add section header component with links + make breadcrumb component

web/src/components/events/EventHeader.tsx

@@ -4,6 +4,7 @@ import { Image } from "@/components/general/Image";
 import Link from "next/link";
 import { OrganizerList } from "./OrganizerList";
 import Icon from "../general/Icon";
+import { Breadcrumb } from "../general/Breadcrumb";
 
 function formatPrice(price: number): string {
   if (price === null) {
@@ -24,9 +25,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
   return (
     <div className={styles.eventHeader}>
       <div className={styles.text}>
-        <span className="suphead breadcrumb">
-          <Link href="/arrangementer">Arrangement</Link>
-        </span>
+        <Breadcrumb link="/arrangementer" text="Arrangement" />
         <h1 className={styles.title}>{event.title}</h1>
         <div className={styles.eventDetails}>
           <div className={styles.prices}>