handle project set null at employee details page

src/pages/employee/EmployeeProfile.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useSearchParams, useParams, useNavigate } from "react-router-dom";
-import { useSelector } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
 
 import {
   useEmployee,
@@ -23,22 +23,33 @@ import EmpBanner from "../../components/Employee/EmpBanner";
 import EmpDashboard from "../../components/Employee/EmpDashboard";
 import EmpDocuments from "../../components/Employee/EmpDocuments";
 import EmpActivities from "../../components/Employee/EmpActivities";
+import { setProjectId } from "../../slices/localVariablesSlice";
 
 const EmployeeProfile = () => {
   const { profile } = useProfile();
 
   const projectID = useSelector((store) => store.localVariables.projectId);
+
   const { employeeId } = useParams();
+  const dispatch = useDispatch();
 
   const [SearchParams] = useSearchParams();
   const tab = SearchParams.get("for");
   const [activePill, setActivePill] = useState(tab || "profile");
   const [showModal, setShowModal] = useState(false);
-  const {data:currentEmployee,isLoading,isError,error}  = useEmployee(employeeId)
+  const {
+    data: currentEmployee,
+    isLoading,
+    isError,
+    error,
+  } = useEmployee(employeeId);
   const handlePillClick = (pillKey) => {
     setActivePill(pillKey);
   };
 
+  useEffect(() => {
+    dispatch(setProjectId(null));
+  }, [projectID]);
 
   const navigate = useNavigate();
   const renderContent = () => {
@@ -87,7 +98,7 @@ const EmployeeProfile = () => {
   if (isLoading) {
     return <div>Loading...</div>;
   }
-  if(isError) return <div >{error.message}</div>
+  if (isError) return <div>{error.message}</div>;
   return (
     <>
       <div className="container-fluid">
@@ -115,11 +126,11 @@ const EmployeeProfile = () => {
           </div>
         </div>
         <div className="row">
-              <div className=" ">{renderContent()}</div>
+          <div className=" ">{renderContent()}</div>
         </div>
       </div>
     </>
   );
 };
 
-export default EmployeeProfile;
+export default EmployeeProfile;