Add link to he project from Attendance details widget

src/components/Dashboard/ProjectWiseTeamCount.jsx

@@ -7,8 +7,14 @@ import DatePicker from "../common/DatePicker";
 import { useAppForm, useAppWatch } from "../../hooks/appHooks/useAppForm";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
+import { setProjectId } from "../../slices/localVariablesSlice";
+import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router-dom";
 
 const ProjectWiseTeamCount = () => {
+  const dispatch = useDispatch();
+  const navigate = useNavigate();
+
   const { control } = useAppForm({
     resolver: zodResolver(
       z.object({
@@ -20,6 +26,11 @@ const ProjectWiseTeamCount = () => {
     },
   });
 
+  const goToProject = (projectId) => () => {
+    dispatch(setProjectId(projectId));
+    navigate(`/projects/details`);
+  };
+
   const selectedDate = useAppWatch({ control, name: "date" });
 
   const { data, isLoading, isFetching, isError, error } =
@@ -72,11 +83,21 @@ const ProjectWiseTeamCount = () => {
                       className="d-flex align-items-center text-wrap my-2 text-start"
                       style={{ width: "180px" }}
                     >
-                      <span className="text-heading">{item.projectName}</span>
+                      <a
+                        onClick={goToProject(item.projectId)}
+                        className="text-heading text-truncate cursor-pointer"
+                      >
+                        {" "}
+                        <span className="text-heading">{item.projectName}</span>
+                      </a>
                     </div>
                   </td>
-                  <td className="text-center" style={{ width: 80 }}>{item.teamCount}</td>
+                  <td className="text-center" style={{ width: 80 }}>
-                  <td className="text-center" style={{ width: 80 }} >{item.attendanceCount}</td>
+                    {item.teamCount}
+                  </td>
+                  <td className="text-center" style={{ width: 80 }}>
+                    {item.attendanceCount}
+                  </td>
                   {/* <td>{percent(item.teamCount, item.attendanceCount)}%</td> */}
                 </tr>
               ))}