Merged in feat/SW-1521-image-gallery-lightbox (pull request #1226)

Feat/SW-1521 image gallery lightbox

* feat(SW-1453): added city listing component

* feat(SW-1521): added more generic types to ImageGallery and Lightbox components

* feat(SW-1521): added lightbox functionality for top images

* feat(SW-1521): added support for setting activeIndex on open inside Lightbox


Approved-by: Fredrik Thorsson
Approved-by: Chuma Mcphoy (We Ahead)

components/HotelReservation/SelectRate/HotelInfoCard/index.tsx

@@ -10,6 +10,7 @@ import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
+import { mapApiImagesToGalleryImages } from "@/utils/imageGallery"
 import { getSingleDecimal } from "@/utils/numberFormatting"
 
 import ReadMore from "../../ReadMore"
@@ -38,16 +39,14 @@ export default async function HotelInfoCard({
     .sort((a, b) => b.sortOrder - a.sortOrder)
     .slice(0, 5)
 
+  const galleryImages = mapApiImagesToGalleryImages(hotel?.galleryImages || [])
+
   return (
     <article className={styles.container}>
       {hotel && (
         <section className={styles.wrapper}>
           <div className={styles.imageWrapper}>
-            <ImageGallery
-              title={hotel.name}
-              images={hotel.galleryImages}
-              fill
-            />
+            <ImageGallery title={hotel.name} images={galleryImages} fill />
             {hotel.ratings?.tripAdvisor && (
               <TripAdvisorChip rating={hotel.ratings.tripAdvisor.rating} />
             )}