Merged in feat/LOY-377-margin-top (pull request #2912)

Feat/LOY-377 margin top

* changed Title to Typography, added some css

* feat(LOY-377): Changed variants based on isUserLoggedIn in LoyaltyPageBreadcrubs and removed the previous added padding

* feat(LOY-377): Changed p to h1. Sends the variants to the skeleton aswell


Approved-by: Linus Flood
Approved-by: Matilda Landström

apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/@breadcrumbs/loyalty_page/[uid]/page.tsx

@@ -4,12 +4,19 @@ import Breadcrumbs from "@/components/Breadcrumbs"
 import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
 import { isLoggedInUser } from "@/utils/isLoggedInUser"
 
+import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
+
 export default async function LoyaltyPageBreadcrumbs() {
   const isUserLoggedIn = await isLoggedInUser()
 
+  const variants: Pick<BreadcrumbsProps, "color" | "size"> = {
+    color: "Background/Primary",
+    size: isUserLoggedIn ? "contentWidth" : "pageWidth",
+  }
+
   return (
-    <Suspense fallback={<BreadcrumbsSkeleton />}>
-      <Breadcrumbs {...(isUserLoggedIn && { size: "contentWidth" })} />
+    <Suspense fallback={<BreadcrumbsSkeleton {...variants} />}>
+      <Breadcrumbs {...variants} />
     </Suspense>
   )
 }