implement scheduled order type

src/pages/restaurant/RestaurantServices.tsx

@@ -1,3 +1,4 @@
+import { ScheduleFilled } from "@ant-design/icons";
 import { Card } from "antd";
 import BackIcon from "components/Icons/BackIcon";
 import BookingIcon from "components/Icons/BookingIcon";
@@ -10,11 +11,11 @@ import ToOfficeIcon from "components/Icons/ToOfficeIcon";
 import ToRoomIcon from "components/Icons/ToRoomIcon";
 import ProTitle from "components/ProTitle";
 import { updateOrderType } from "features/order/orderSlice";
+import { OrderType } from "pages/checkout/hooks/types.ts";
 import { useTranslation } from "react-i18next";
 import { Link, useParams } from "react-router-dom";
 import { useAppDispatch, useAppSelector } from "redux/hooks";
 import styles from "./restaurant.module.css";
-import { OrderType } from "pages/checkout/hooks/types.ts";
 
 interface RestaurantServicesProps {
   dineIn?: boolean;
@@ -145,6 +146,21 @@ export default function RestaurantServices({
       },
     ]) ||
       []),
+      ...((true && [
+        {
+          id: OrderType.ScheduledOrder,
+          title: t("common.scheduledOrder"),
+          description: t("home.services.scheduledOrder"),
+          icon: (
+            <ScheduleFilled
+              className={styles.serviceIcon + " " + styles.scheduledOrderIcon}
+            />
+          ),
+          color: "bg-indigo-50 text-indigo-600",
+          href: `/${id}/menu?orderType=${OrderType.ScheduledOrder}`,
+        },
+      ]) ||
+        []),  
   ];
 
   // Determine grid class based on number of services

src/pages/restaurant/restaurant.module.css

@@ -1003,3 +1003,8 @@
 .deliveryIcon {
   margin-top: -1px;
 }
+
+.scheduledOrderIcon {
+  margin-top: -2px;
+  font-size: 22px;
+}