added breadcrumb to my task page

src/components/MyTasks/index.jsx

@@ -6,6 +6,7 @@ import CommonHead from "../UserHeader/CommonHead";
 import MyOffersTable from "./MyOffersTable";
 import { useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";
+import CustomBreadcrumb from "../Breadcrumb/CustomBreadcrumb";
 
 export default function MyTasks({
   MyActiveOffersList,
@@ -74,13 +75,25 @@ export default function MyTasks({
               />
             )}
             <div className="w-full mb-5 flex justify-between items-center gap-1">
-              <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
-                <span
-                  className={`${selectTab === "today" ? "block" : "hidden"}`}
-                >
-                  My Tasks
-                </span>
-              </h1>
+              {userDetails.account_type == 'FULL'? 
+                <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                  <span
+                    className={`${selectTab === "today" ? "block" : "hidden"}`}
+                  >
+                    My Tasks
+                  </span>
+                </h1>
+                :
+                <CustomBreadcrumb 
+                  title = 'My Tasks'
+                  breadcrumb={
+                    [
+                      { link: "/", title: "Home" },
+                      { link: "/mytask", title: "My Tasks", active: true},
+                    ]
+                  }
+                />
+              }
 
               {ActiveJobList?.data?.length > 0 && userDetails.account_type == 'FAMILY' &&
                 <button
@@ -94,6 +107,7 @@ export default function MyTasks({
                 </button>
               }
             </div>
+
           <MyJobTable ActiveJobList={ActiveJobList} Account={userDetails} imageServer={MyActiveOffersList.session_image_server} />
         </div>
       </div>