implement scheduled order type

src/pages/cart/components/specialRequest/SpecialRequestCard.tsx

@@ -1,5 +1,5 @@
 import { RightOutlined } from "@ant-design/icons";
-import { Input } from "antd";
+import { Form, Input } from "antd";
 import ProInputCard from "components/ProInputCard/ProInputCard.tsx";
 import { selectCart, updateSpecialRequest } from "features/order/orderSlice.ts";
 import useBreakPoint from "hooks/useBreakPoint.ts";
@@ -27,22 +27,31 @@ export default function SpecialRequestCard() {
   };
   return (
     <>
-      <ProInputCard title={t("cart.specialRequest")}>
-        <Input
-          value={specialRequest}
-          placeholder={t("cart.specialRequest")}
-          size="large"
-          autoFocus={false}
-          className={styles.inputField}
-          suffix={
-            <div
-              className={styles.editButton}
-              onClick={() => setIsSpecialRequestOpen(true)}
-            >
-              <u>{t("cart.editNote")}</u> <RightOutlined />
-            </div>
-          }
-        />
+      <ProInputCard
+        title={t("cart.specialRequest")}
+        dividerStyle={{ margin: "5px 0 0 0" }}
+      >
+        <Form.Item
+          label={t("cart.specialRequest")}
+          name="specialRequest"
+          style={{ position: "relative", top: -5 }}
+        >
+          <Input
+            value={specialRequest}
+            placeholder={t("cart.specialRequest")}
+            size="large"
+            autoFocus={false}
+            className={styles.inputField}
+            suffix={
+              <div
+                className={styles.editButton}
+                onClick={() => setIsSpecialRequestOpen(true)}
+              >
+                <u>{t("cart.editNote")}</u> <RightOutlined />
+              </div>
+            }
+          />
+        </Form.Item>
       </ProInputCard>
       {isDesktop ? (
         <Dialog