cart refactor code

src/pages/cart/components/CartDesktopLayout.tsx

@@ -18,6 +18,8 @@ import CouponCard from "pages/cart/components/CouponCard.tsx";
 import RewardWaiterCard from "pages/cart/components/RewardWaiterCard.tsx";
 import TableNumberCard from "pages/cart/components/TableNumberCard.tsx";
 import CarPlateCard from "pages/cart/components/CarPlateCard.tsx";
+import YouMightAlsoLike from "pages/cart/components/YouMightAlsoLike.tsx";
+import TimeEstimateCard from "pages/cart/components/timeEstimate/TimeEstimateCard.tsx";
 
 export default function CartDesktopLayout() {
   const { t } = useTranslation();
@@ -170,6 +172,8 @@ export default function CartDesktopLayout() {
           {/* Sidebar Column */}
           <Col xs={24} lg={8} xl={7}>
             <div className={styles.desktopSidebar}>
+              <YouMightAlsoLike />
+
               <div className={styles.desktopSidebarCard}>
                 <SpecialRequestCard />
               </div>
@@ -183,6 +187,10 @@ export default function CartDesktopLayout() {
 
               {orderType === "pickup" && <CarPlateCard />}
 
+              {(orderType === "delivery" || orderType === "pickup") && (
+                <TimeEstimateCard />
+              )}
+
               <div
                 className={styles.desktopSidebarCard}
                 style={{ "--animation-order": 1 } as React.CSSProperties}