Cards added

src/components/MarketPlace/MainSection.jsx

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from "react";
 //import ProductCardStyleTwo from "../Cards/ProductCardStyleTwo";
 import DataIteration from "../Helpers/DataIteration";
-import SearchCom from "../Helpers/SearchCom";
-import ActiveJobsCard from "../Cards/ActiveJobsCard";
+// import SearchCom from "../Helpers/SearchCom";
+// import ActiveJobsCard from "../Cards/ActiveJobsCard";
+import AvailableJobsCard from "../Cards/AvailableJobsCard";
 
 export default function MainSection({ className, marketPlaceProduct }) {
   const [tab, setTab] = useState("explore");
@@ -98,7 +99,7 @@ export default function MainSection({ className, marketPlaceProduct }) {
               endLength={products?.length}
             >
               {({ datas }) => (
-                <ActiveJobsCard key={datas.id} datas={datas} />
+                <AvailableJobsCard key={datas.id} datas={datas} />
               )}
             </DataIteration>
           </div>