Lightbox: Fix clicks outside of zoomable area

stylesheets/components/Lightbox.scss

@@ -129,6 +129,12 @@
     }
   }
 
+  &__zoomable-container {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+  }
+
   &__zoom-button {
     @include button-reset;
     cursor: zoom-in;

ts/components/Lightbox.tsx

@@ -427,6 +427,7 @@ export function Lightbox({
     if (isImageTypeSupported) {
       if (objectURL) {
         content = (
+          <div className="Lightbox__zoomable-container">
             <button
               className="Lightbox__zoom-button"
               onClick={zoomButtonHandler}
@@ -449,6 +450,7 @@ export function Lightbox({
                 ref={imageRef}
               />
             </button>
+          </div>
         );
       } else {
         content = (