refactor(SW-337): UI fixes for hotel page

components/Lightbox/Gallery.tsx

@@ -1,4 +1,5 @@
 "use client"
+import { DialogTitle } from "@radix-ui/react-dialog"
 import { AnimatePresence, motion } from "framer-motion"
 
 import { ChevronRightIcon } from "@/components/Icons"
@@ -55,9 +56,11 @@ export default function Gallery({
       {/* Desktop Gallery */}
       <div className={styles.desktopGallery}>
         <div className={styles.galleryHeader}>
-          <div className={styles.imageCaption}>
-            <Caption color="textMediumContrast">{mainImage.title}</Caption>
-          </div>
+          <DialogTitle asChild>
+            <div className={styles.imageCaption}>
+              <Caption color="textMediumContrast">{mainImage.title}</Caption>
+            </div>
+          </DialogTitle>
         </div>
         <div className={styles.mainImageWrapper}>
           <AnimatePresence initial={false} mode="wait">

components/Lightbox/Lightbox.module.css

@@ -188,6 +188,7 @@
     height: 100%;
     flex-direction: column;
     position: relative;
+    overflow: hidden;
   }
 
   .desktopGalleryCloseButton {