feat(BOOK-450): Adjust Scandic logo in header when on a themed hotel page

Approved-by: Chuma Mcphoy (We Ahead)

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

@@ -4,6 +4,7 @@ import { notFound } from "next/navigation"
 import {
   DEFAULT_THEME,
   getThemeByHotel,
+  type Theme,
 } from "@scandic-hotels/common/utils/theme"
 import { setTheme } from "@scandic-hotels/common/utils/theme/serverContext"
 
@@ -49,21 +50,37 @@ export default async function HotelPagePage(
 
   if (searchParams.subpage) {
     return (
-      <div className={hotelTheme}>
+      <HotelPageWrapper hotelTheme={hotelTheme}>
         <HotelSubpage hotelData={hotelData} subpage={searchParams.subpage} />
-      </div>
+      </HotelPageWrapper>
     )
   } else if (searchParams.view === "map") {
     return (
-      <div className={hotelTheme}>
+      <HotelPageWrapper hotelTheme={hotelTheme}>
         <HotelMapPage hotelData={hotelData} />
-      </div>
+      </HotelPageWrapper>
     )
   } else {
     return (
-      <div className={cx(styles.hotelPage, hotelTheme)}>
+      <HotelPageWrapper className={styles.hotelPage} hotelTheme={hotelTheme}>
         <HotelPage hotelData={hotelData} hotelPageData={hotelPageData} />
-      </div>
+      </HotelPageWrapper>
     )
   }
 }
+
+function HotelPageWrapper({
+  className,
+  hotelTheme,
+  children,
+}: React.PropsWithChildren<{ className?: string; hotelTheme: Theme }>) {
+  return (
+    <div
+      className={cx(className, hotelTheme, {
+        ["themed-hotel-page"]: hotelTheme !== DEFAULT_THEME,
+      })}
+    >
+      {children}
+    </div>
+  )
+}