Merged in fix/SW-1561-hotelpage-ui (pull request #2542)

Fix(SW-1561): Hotelpage design and token update

* fix(SW-1561): fix sidepeek subtitle

* fix(SW-1561): update mapCard to new tokens and update styling

* fix(SW-1561): correct Typography lowcase titles


Approved-by: Anton Gunnarsson

apps/scandic-web/components/HotelReservation/MyStay/Promo/index.tsx

@@ -30,7 +30,7 @@ export default function Promo({
         )}
         <div className={styles.overlay} />
         <div className={styles.content}>
-          <Typography variant="Title/smRegular">
+          <Typography variant="Title/smLowCase">
             <p>{title}</p>
           </Typography>
           <Typography variant="Body/Paragraph/mdRegular">

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx

@@ -114,7 +114,7 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
 
   return (
     <article className={styles.multiRoom}>
-      <Typography variant="Title/smRegular">
+      <Typography variant="Title/smLowCase">
         <h3 className={styles.roomName}>{roomName}</h3>
       </Typography>
       <div className={styles.roomHeader}>