replace old modal to GlobalModal

src/components/Activities/ReportTask.jsx

@@ -76,20 +76,12 @@ useEffect(() => {
   };
 
   return (
-    <div
-      className="modal-dialog modal-md modal-simple report-task-modal"
-      role="document"
-    >
-      <div className="modal-content">
-        <div className="modal-body px-1">
-          <button
-            type="button"
-            className="btn-close"
-            onClick={handleClose}
-            aria-label="Close"
-          ></button>
 
-          <div className="container  m-0">
+
+    <div className="container  m-0">
+      <div className="text-center">
+        <p className="fs-6 fw-semibold">Report Task</p>
+      </div>
             <div className="mb-1 row text-start">
               <label
                 htmlFor="html5-text-input"
@@ -231,8 +223,6 @@ useEffect(() => {
               </div>
             </form>
           </div>
-        </div>
+   
-      </div>
-    </div>
   );
 };

src/pages/Activities/DailyTask.jsx

@@ -172,19 +172,15 @@ const DailyTask = () => {
   };
   return (
     <>
-      <div
+      
-        className={`modal fade ${isModalOpen ? "show d-block" : ""}`}
+
-        tabIndex="-1"
+      {isModalOpen && <GlobalModel isOpen={isModalOpen} size="md" closeModal={()=>setIsModalOpen(false)} >
-        role="dialog"
-        style={{ display: isModalOpen ? "block" : "none" }}
-        aria-hidden={!isModalOpen}
-      >
         <ReportTask
           report={selectedTask}
           closeModal={closeModal}
           refetch={refetch}
         />
-      </div>
+      </GlobalModel>}
 
       {isModalOpenComment && (
         <GlobalModel