added Job tab

src/components/ServiceProject/Jobs.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Jobs = () => {
+  return (
+    <div className='row'>
+      <div className='col-12'></div>
+    </div>
+  )
+}
+
+export default Jobs

src/components/ServiceProject/ManageJob.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import Breadcrumb from '../common/Breadcrumb'
+
+const ManageJob = () => {
+  return (
+    <div className='container-fluid'>
+      <Breadcrumb
+        data={[
+          { label: "Home", link: "/dashboard" },
+          { label: "Sevice Projects", link: "/projects" },
+          { label: "" || "Jobs", link: null },
+        ]}
+      />
+
+    </div>
+  )
+}
+
+export default ManageJob

src/components/ServiceProject/ServiceProjectNav.jsx

@@ -3,6 +3,11 @@ import React from 'react'
 const ServiceProjectNav = ({ onPillClick, activePill }) => {
     const ProjectTab = [
     { key: "profile", icon: "bx bx-user", label: "Profile" },
+     {
+      key: "jobs",
+      icon: "bx bx-briefcase-alt",
+      label: "Jobs",
+    },
     { key: "teams", icon: "bx bx-group", label: "Teams" },
  
     {
@@ -11,6 +16,7 @@ const ServiceProjectNav = ({ onPillClick, activePill }) => {
       label: "Directory",
     },
     
+
   ];
   return (
      <div className="table-responsive">

src/pages/ServiceProject/ServiceProjectDetail.jsx

@@ -3,6 +3,7 @@ import Breadcrumb from "../../components/common/Breadcrumb";
 import ServiceProjectNav from "../../components/ServiceProject/ServiceProjectNav";
 import { ComingSoonPage } from "../Misc/ComingSoonPage";
 import ServiceProjectProfile from "../../components/ServiceProject/ServiceProjectProfile";
+import Jobs from "../../components/ServiceProject/Jobs";
 
 const ServiceProjectDetail = () => {
   const [activePill, setActivePill] = useState(
@@ -16,6 +17,8 @@ const ServiceProjectDetail = () => {
     switch (activePill) {
       case "profile":
         return <ServiceProjectProfile />;
+        case "jobs":
+        return <Jobs />;
       default:
         return <ComingSoonPage />;
     }

src/pages/project/ProjectPage.jsx

@@ -188,7 +188,7 @@ const handleToggleProject = (e) => {
                         setMangeProject({ isOpen: true, Project: null })
                       }
                     >
-                      <a class="dropdown-item">Organization Project</a>
+                      <a class="dropdown-item">Infra Project</a>
                     </li>
                   </ul>
                 </div>

src/router/AppRoutes.jsx

@@ -60,6 +60,7 @@ import PaymentRequestPage from "../pages/PaymentRequest/PaymentRequestPage";
 import RecurringExpensePage from "../pages/RecurringExpense/RecurringExpensePage";
 import AdvancePaymentPage from "../pages/AdvancePayment/AdvancePaymentPage";
 import ServiceProjectDetail from "../pages/ServiceProject/ServiceProjectDetail";
+import ManageJob from "../components/ServiceProject/ManageJob";
 const router = createBrowserRouter(
   [
     {
@@ -95,6 +96,7 @@ const router = createBrowserRouter(
             { path: "/projects/details", element: <ProjectDetails /> },
             { path: "/project/manage/:projectId", element: <ManageProject /> },
             { path: "service-projects/:id", element: <ServiceProjectDetail /> },
+            {path:"/service/job",element:<ManageJob/>},
 
             { path: "/employees", element: <EmployeeList /> },
             { path: "/employee/:employeeId", element: <EmployeeProfile /> },