Dismiss modal on backdrop click & prevent event bubbling on modal.

Author: prajwalkulkarni

src/components/Modal.js

@@ -38,8 +38,11 @@ const Modal = (props) => {
       )}
       {active ? (
         <>
-          <div className='modal'>
-            <div className='modal-card-vote'>
+          <div className='modal' onClick={props.handleClose}>
+            <div
+              className='modal-card-vote'
+              onClick={(e) => e.stopPropagation()}
+            >
               <div className='modal-content'>
                 <span className='close-icon' onClick={props.handleClose}>
                   &times;