Merged in fix/SW-1128-side-peek (pull request #1031)

Fix/SW-1128/SW-1124 side peek and gallery

* fix(SW-1128): updated style and mobile design for sidepeek select hotel

* fix(SW-1128): update link sidepeek

* fix(SW-1124): fix padding gallery

* fix(SW-1128): fix sidepeek mobile design

* fix(SW-1128): fix mobile design

* fix(SW-1128): fix gallery icon caption


Approved-by: Niclas Edenvin

components/ImageGallery/index.tsx

@@ -6,7 +6,8 @@ import { useIntl } from "react-intl"
 import { GalleryIcon } from "@/components/Icons"
 import Image from "@/components/Image"
 import Lightbox from "@/components/Lightbox"
-import Footnote from "@/components/TempDesignSystem/Text/Footnote"
+
+import Caption from "../TempDesignSystem/Text/Caption"
 
 import styles from "./imageGallery.module.css"
 
@@ -44,9 +45,9 @@ function ImageGallery({
         />
         <div className={styles.imageCount}>
           <GalleryIcon color="white" />
-          <Footnote color="white" type="label">
+          <Caption color="white" type="label">
             {images.length}
-          </Footnote>
+          </Caption>
         </div>
       </div>
       <Lightbox