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

web/src/components/general/SectionHeader.tsx

@@ -0,0 +1,16 @@
+import Link from "next/link";
+import styles from "./sectionHeader.module.scss";
+
+export const SectionHeader = ({ heading, link, linkText }: { heading: string, link?: string, linkText?: string }) => {
+  return (
+    <header className={styles.sectionHeader}>
+      <h2 className="circlehead">
+        <span className="circle"></span>
+        <span className="circle"></span>
+        <span className="circle"></span>
+        {heading}
+      </h2>
+      {link && linkText && <Link href={link}>{linkText}</Link>}
+    </header>
+  );
+};