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

components/Breadcrumbs/index.tsx

@@ -3,7 +3,11 @@ import { serverClient } from "@/lib/trpc/server"
 import BreadcrumbsComp from "@/components/TempDesignSystem/Breadcrumbs"
 import { generateBreadcrumbsSchema } from "@/utils/jsonSchemas"
 
-export default async function Breadcrumbs() {
+import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
+
+export default async function Breadcrumbs({
+  variant,
+}: Pick<BreadcrumbsProps, "variant">) {
   const breadcrumbs = await serverClient().contentstack.breadcrumbs.get()
 
   if (!breadcrumbs?.length) {
@@ -19,7 +23,7 @@ export default async function Breadcrumbs() {
           __html: JSON.stringify(jsonSchema.jsonLd),
         }}
       />
-      <BreadcrumbsComp breadcrumbs={breadcrumbs} />
+      <BreadcrumbsComp breadcrumbs={breadcrumbs} variant={variant} />
     </>
   )
 }