Close modal on click

src/components/ui/modal/modal.jsx

@@ -6,9 +6,17 @@ const Modal = ({ open, onClose, children, title }) => {
 
     if (!open) return null;
 
+    const handleOverlayClick = () => {
+        onClose();
+    };
+
+    const handleModalClick = (e) => {
+        e.stopPropagation();
+    };
+
     return createPortal(
-        <div className={styles.overlay}>
+        <div className={styles.overlay} onClick={handleOverlayClick}>
-            <div className={styles.modal}>
+            <div className={styles.modal} onClick={handleModalClick}>
                 {title && <h2>{title}</h2>}
                 {children}
                 <div className={styles.modalFooter}>