feat(WEB-304): remaning UI from design system primitives

app/[lang]/(live)/(public)/[contentType]/[uid]/@breadcrumbs/[...paths]/page.tsx

@@ -0,0 +1 @@
+export { default } from "../page"

app/[lang]/(live)/(public)/[contentType]/[uid]/@breadcrumbs/page.tsx

@@ -0,0 +1,5 @@
+import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+
+export default function PageBreadcrumbs() {
+  return <Breadcrumbs />
+}

app/[lang]/(live)/(public)/[contentType]/[uid]/layout.module.css

@@ -1,8 +1,7 @@
 .layout {
-  --header-height: 4.5rem;
-
   background-color: var(--Scandic-Brand-Warm-White);
   display: grid;
   font-family: var(--typography-Body-Regular-fontFamily);
-  grid-template-rows: var(--header-height) auto 1fr;
+  gap: var(--Spacing-x5);
+  grid-template-rows: auto 1fr;
 }

app/[lang]/(live)/(public)/[contentType]/[uid]/layout.tsx

@@ -8,9 +8,17 @@ import {
 } from "@/types/params"
 
 export default function ContentTypeLayout({
+  breadcrumbs,
   children,
 }: React.PropsWithChildren<
-  LayoutArgs<LangParams & ContentTypeParams & UIDParams>
+  LayoutArgs<LangParams & ContentTypeParams & UIDParams> & {
+    breadcrumbs: React.ReactNode
+  }
 >) {
-  return <section className={styles.layout}>{children}</section>
+  return (
+    <section className={styles.layout}>
+      {breadcrumbs}
+      {children}
+    </section>
+  )
 }

app/[lang]/(live)/(public)/[contentType]/[uid]/page.tsx

@@ -17,7 +17,7 @@ export default async function ContentTypePage({
     case "content-page":
       return <ContentPage />
     case "loyalty-page":
-      return <LoyaltyPage />
+      return <LoyaltyPage lang={params.lang} />
     default:
       const type: never = params.contentType
       console.error(`Unsupported content type given: ${type}`)