learn more page added

src/components/Dashboards/AccountDashboard.jsx

@@ -9,7 +9,7 @@ const AccountDashboard = ({ className, bannerList, offersList, imageServer }) =>
 
   let [offerPopout, setOfferPopout] = useState({ show: false, data: {} }); // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
 
-  let offersListLength = offersList?.length
+  let offersListLength = offersList?.length > 2 ? 2 : offersList?.length
 
   // getting the upper three banners for the home layout
   const getUpperBanner = bannerList?.filter((value, idx) => idx <= 2 - offersListLength);
@@ -44,7 +44,7 @@ const AccountDashboard = ({ className, bannerList, offersList, imageServer }) =>
                 );
               
                 let image = `${imageServer}${localStorage.getItem("session_token")}/job/${item.job_uid}`
-                if(index < 3){
+                if(index < offersListLength){
                   return (
                     <div key={item.offer_uid}>
                         <NewOfferCard datas={item} image={image} price={thePrice} setOfferPopout={setOfferPopout} />
@@ -78,7 +78,7 @@ const AccountDashboard = ({ className, bannerList, offersList, imageServer }) =>
         {/* for flat banner section */}
         <div className="w-full grid-cols-1 md:grid-cols-2 2xl:grid-cols-3 grid items-center justify-center gap-2 md:gap-4">    
           {/* OFFER LIST DISPLAY */}
-          <>
+          {/* <>
             {(offersList && offersList?.length > 0) &&
               offersList.map((item, index) => {
                 let thePrice = PriceFormatter(
@@ -96,7 +96,7 @@ const AccountDashboard = ({ className, bannerList, offersList, imageServer }) =>
                     )
                 }
             })}
-          </>
+          </> */}
           {getLowerBanner?.map((props, idx) => {
             let image = getImage(props);