add order details & enhance the checkout page

src/pages/checkout/page.tsx

@@ -17,6 +17,8 @@ import ProRatioGroups from "components/ProRatioGroups/ProRatioGroups";
 import CouponCard from "pages/cart/components/CouponCard";
 import BriefMenuCard from "./components/BriefMenuCard";
 import CustomerInformationCard from "./components/CustomerInformationCard";
+import Ads1 from "components/Ads/Ads1";
+import TimeEstimateCard from "pages/cart/components/timeEstimate/TimeEstimateCard";
 
 export default function CheckoutPage() {
   const { t } = useTranslation();
@@ -37,6 +39,9 @@ export default function CheckoutPage() {
         <Layout>
           <ProHeader>{t("checkout.title")}</ProHeader>
           <Layout.Content className={styles.checkoutContainer}>
+            {(orderType === OrderType.Pickup ||
+              orderType === OrderType.ScheduledOrder) && <TimeEstimateCard />}
+
             <PaymentMethods />
             {!token && <CustomerInformationCard />}
             <AddressSummary />
@@ -101,6 +106,7 @@ export default function CheckoutPage() {
             {/* Reward Your Waiter */}
             <RewardWaiterCard />
             <BriefMenuCard />
+            <Ads1 />
             <OrderSummary />
           </Layout.Content>