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

web/src/components/venues/VenueList.tsx

@@ -1,6 +1,7 @@
 import { VenueFragment } from "@/gql/graphql";
 import { VenueItem } from "./VenueItem";
 import styles from "./venueList.module.scss";
+import { SectionHeader } from "../general/SectionHeader";
 
 export const VenueList = ({
   venues,
@@ -12,12 +13,7 @@ export const VenueList = ({
   return (
     <div>
       {heading && (
-        <h2 className="circlehead">
-          <span className="circle"></span>
-          <span className="circle"></span>
-          <span className="circle"></span>
-          {heading}
-        </h2>
+        <SectionHeader heading={heading} />
       )}
       <ul className={styles.venueList}>
         {venues.map((venue) => (