refactor & debug burger-menu, add participant

add column and deploying a task

src/components/Common/ModalLayout/ModalLayout.jsx

@@ -5,19 +5,25 @@ import "./modalLayout.scss";
 export const ModalLayout = ({
   active,
   setActive,
+  onClose,
   children,
   styles,
   type,
   ...props
 }) => {
+  const handleClose = (event) => {
+    if (event.target.className === "modal-layout active") {
+      setActive(false);
+      if (onClose) {
+        onClose(); // Вызов колбэк-функции при закрытии модального окна
+      }
+    }
+  };
+
   return (
     <div
       className={active ? `modal-layout active` : "modal-layout"}
-      onClick={(event) => {
-        if (event.target.className === "modal-layout active") {
-          setActive(false);
-        }
-      }}
+      onClick={handleClose}
       {...props}
     >
       <div

src/components/Common/ModalLayout/modalLayout.scss

@@ -61,7 +61,7 @@
         align-items: center;
         row-gap: 5px;
         &__input {
-          margin: 0;
+          margin: 10px 0 10px 0;
           min-width: 240px;
           height: 42px;
 
@@ -79,6 +79,9 @@
           max-width: 190px;
           width: 100%;
         }
+        .email-error-message {
+          color: red;
+        }
       }
 
       @media (max-width: 805px) {