fix: refactor breadcrumbs to take page type variants to better match margins

components/TempDesignSystem/Breadcrumbs/index.tsx

@@ -3,18 +3,27 @@ import ChevronRightSmallIcon from "@/components/Icons/ChevronRightSmall"
 import Link from "@/components/TempDesignSystem/Link"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 
+import { breadcrumbsVariants } from "./variants"
+
 import styles from "./breadcrumbs.module.css"
 
 import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
 
-export default function Breadcrumbs({ breadcrumbs }: BreadcrumbsProps) {
+export default function Breadcrumbs({
+  breadcrumbs,
+  variant,
+}: BreadcrumbsProps) {
   if (!breadcrumbs?.length) {
     return null
   }
 
+  const classNames = breadcrumbsVariants({
+    variant,
+  })
+
   const homeBreadcrumb = breadcrumbs.shift()
   return (
-    <nav className={styles.breadcrumbs}>
+    <nav className={classNames}>
       <ul className={styles.list}>
         {homeBreadcrumb ? (
           <li className={styles.listItem}>