Merged in feat/BOOK-61-refactor-hotel-page-css-variables (pull request #3014)

Feat/BOOK-61 refactor hotel page css variables

* feat(BOOK-61): Breadcrumbs

* feat(BOOK-61): intro section

* feat(BOOK-61): show more button

* feat(BOOK-61): rooms section

* feat(BOOK-61): sidepeeks

* feat(BOOK-61): deprecated old Link component

* feat(BOOK-61): added new TextLink component to the design-system

* feat(BOOK-61): replaced deprecated links with new TextLink component

* feat(BOOK-61): miscellaneous changes


Approved-by: Bianca Widstam
Approved-by: Christel Westerberg

apps/scandic-web/components/Breadcrumbs/index.tsx

@@ -5,15 +5,11 @@ import { generateBreadcrumbsSchema } from "@/utils/jsonSchemas"
 
 import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
 
-interface Props extends Pick<BreadcrumbsProps, "color" | "size"> {
+interface Props extends Omit<BreadcrumbsProps, "breadcrumbs"> {
   subpageTitle?: string
 }
 
-export default async function Breadcrumbs({
-  color,
-  size,
-  subpageTitle,
-}: Props) {
+export default async function Breadcrumbs({ subpageTitle, ...props }: Props) {
   const caller = await serverClient()
   const breadcrumbs = await caller.contentstack.breadcrumbs.get()
   if (!breadcrumbs?.length) {
@@ -34,7 +30,7 @@ export default async function Breadcrumbs({
           __html: JSON.stringify(jsonSchema.jsonLd),
         }}
       />
-      <BreadcrumbsComp breadcrumbs={breadcrumbs} color={color} size={size} />
+      <BreadcrumbsComp breadcrumbs={breadcrumbs} {...props} />
     </>
   )
 }