feat: close polaroid detail modal when outside click

src/components/Polaroid/PolaroidDetail/index.tsx

@@ -60,13 +60,9 @@ const PolaroidDetailModal = ({
   }
 
   return (
-    <Modal isOpen={isOpen} onClose={onClose} closeOnOutsideClick={false}>
+    <Modal isOpen={isOpen} onClose={onClose}>
       <div className="relative mx-auto flex h-dvh max-w-md flex-1 touch-pan-x flex-col justify-center overflow-x-hidden py-10">
-        <CloseIcon
-          className="absolute left-5 top-5 cursor-pointer text-gray-0"
-          onClick={onClose}
-        />
-
+        <CloseIcon className="absolute left-5 top-5 cursor-pointer text-gray-0" />
         <div className="relative touch-pan-x overflow-x-hidden">
           <Carousel
             ref={carouselRef}
@@ -120,6 +116,10 @@ const PolaroidDetailModal = ({
             />
           </div>
         )}
+        <div
+          className="absolute left-0 top-0 h-full w-full"
+          onClick={onClose}
+        />
       </div>
     </Modal>
   )