Merged in feat/ancillaries-ui-fixes (pull request #3383)

feat: update ancillaries flow ui

* feat: update ancillaries flow ui


Approved-by: Matilda Haneling

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/index.tsx

@@ -17,6 +17,7 @@ import Packages from "./Packages"
 import styles from "./room.module.css"
 
 import type { SafeUser } from "@/types/user"
+import { cx } from "class-variance-authority"
 
 interface RoomProps {
   user: SafeUser
@@ -56,7 +57,9 @@ export default function SingleRoom({ user }: RoomProps) {
           <Header user={user} />
           <div className={styles.booking}>
             <div
-              className={`${styles.content} ${isCancelled ? styles.cancelled : ""}`}
+              className={cx(styles.content, {
+                [styles.cancelled]: isCancelled,
+              })}
             >
               <Packages />
               <Img />