closed modal after update activity and format number of plannedwork and completed work at project overview

src/components/Activities/InfraPlanning.jsx

@@ -44,6 +44,7 @@ const InfraPlanning = () =>
     <div className="col-md-12 col-lg-12 col-xl-12 order-0 mb-4">
     <div className="card">
       <div className="card-body" style={{ padding: "0.5rem" }}>
+          {ManageInfra ? (
             <div className="align-items-center">
             <div className="row ">
               {isLoading && ( <p>Loading...</p> )}
@@ -51,6 +52,12 @@ const InfraPlanning = () =>
               {(!isLoading && projectInfra?.length > 0) && (<InfraTable buildings={projectInfra} projectId={selectedProject}/>)}
           </div>
         </div>
+          ) : (
+              <div className="text-center">
+                <i className="fa-solid fa-triangle-exclamation fs-5"></i>
+                <p>Access Denied: You don't have permission to perform this action. !</p>
+              </div>
+        )}
       </div>
     </div>
   </div>

src/components/Project/Infrastructure/EditActivityModal.jsx

@@ -60,7 +60,8 @@ const EditActivityModal = ({
 const { mutate: UpdateTask, isPending } = useManageTask({
   onSuccessCallback: (response) =>
   {
-    showToast(response?.message,"success")
+    showToast( response?.message, "success" )
+    onClose()
   }
 });
 

src/components/Project/ProjectOverview.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import {useEmployeesByProjectAllocated, useProjects} from "../../hooks/useProjects";
+import {formatNumber} from "../../utils/dateUtils";
 
 const ProjectOverview = ({project}) =>{
   const {projects} = useProjects()
@@ -15,13 +16,13 @@ const ProjectOverview = ({project}) =>{
           <li className="d-flex align-items-center mb-4">
             <i className="bx bx-check"></i>
             <span className="fw-medium mx-2">Task Planned:</span>{" "}
-            <span>{project_detail?.plannedWork
+            <span>{formatNumber(project_detail?.plannedWork)
             }</span>
           </li>
           <li className="d-flex align-items-center mb-4">
             <i className="bx bx-star"></i>
             <span className="fw-medium mx-2">Task Completed:</span>{" "}
-            <span>{project_detail?.completedWork }</span>
+            <span>{formatNumber(project_detail?.completedWork) }</span>
           </li>
           <li className="d-flex align-items-center">
             <i className="bx bx-user"></i>