refactor & debug burger-menu, add participant

add column and deploying a task

src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx

@@ -99,6 +99,18 @@ export const ModalTiсket = ({
   const { showNotification } = useNotification();
   const [commentSendDisable, setCommentSendDisable] = useState(false);
 
+  const closeModal = () => {
+    setActive(false);
+    // Восстанавливаем скролл при закрытии модального окна
+    document.body.style.overflow = "auto";
+  };
+
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  const toggleModalSize = () => {
+    setIsExpanded((prevState) => !prevState);
+  };
+
   function deleteTask() {
     apiRequest("/task/update-task", {
       method: "PUT",
@@ -107,7 +119,7 @@ export const ModalTiсket = ({
         status: 0
       }
     }).then(() => {
-      setActive(false);
+      closeModal();
       dispatch(setProjectBoardFetch(projectId));
       showNotification({
         show: true,
@@ -594,20 +606,20 @@ export const ModalTiсket = ({
     <div
       className={active ? "modal-ticket active" : "modal-ticket"}
       onClick={(e) => {
-        if (e.target.className.includes("modal-ticket")) setActive(false);
+        if (e.target.className.includes("modal-ticket")) closeModal();
       }}
     >
-      <div className="modal-ticket__content">
+      <div className={`modal-ticket__content ${isExpanded ? "expanded" : ""}`}>
         <div className="content">
           <h3 className="title-project">
             <img src={category} className="title-project__category"></img>
             {projectName}
-            <Link
-              to={`/tracker/task/${task.id}`}
+            <img
+              src={fullScreen}
+              alt="Full screen"
+              onClick={toggleModalSize}
               className="title-project__full"
-            >
-              <img src={fullScreen}></img>
-            </Link>
+            />
           </h3>
           <div className="content__task">
             {editOpen ? (
@@ -757,7 +769,7 @@ export const ModalTiсket = ({
         </div>
         <div className="workers">
           <div className="workers_box task__info">
-            <span className="exit" onClick={() => setActive(false)}></span>
+            <span className="exit" onClick={() => closeModal()}></span>
             <h5>Создатель: </h5>
             <p className="workers__creator">{task.user?.fio}</p>
             {executor ? (