save special request on typing

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

@@ -25,6 +25,7 @@ export default function SpecialRequestCard() {
   const handleSpecialRequestClose = () => {
     setIsSpecialRequestOpen(false);
   };
+
   return (
     <>
       <ProInputCard
@@ -35,13 +36,14 @@ export default function SpecialRequestCard() {
           label={t("cart.specialRequest")}
           name="specialRequest"
           style={{ position: "relative", top: -5 }}
+          initialValue={specialRequest || ""}
         >
           <Input
-            value={specialRequest}
             placeholder={t("cart.specialRequest")}
             size="large"
             autoFocus={false}
             className={styles.inputField}
+            onChange={(e) => handleSpecialRequestSave(e.target.value)}
             suffix={
               <div
                 className={styles.editButton}

src/pages/product/components/ProductFooter.tsx

@@ -134,7 +134,6 @@ export default function ProductFooter({
               style={{ position: "relative", top: -5, width: "100%" }}
             >
               <Input
-                value={specialRequest}
                 placeholder={t("cart.specialRequest")}
                 size="large"
                 autoFocus={false}