enhace UI

src/pages/product/components/ProductFooter.tsx

@@ -1,4 +1,8 @@
-import { RightOutlined, ShoppingCartOutlined } from "@ant-design/icons";
+import {
+  LeftOutlined,
+  RightOutlined,
+  ShoppingCartOutlined,
+} from "@ant-design/icons";
 import { Button, Form, Input, message, Row } from "antd";
 import { addItem } from "features/order/orderSlice";
 import useBreakPoint from "hooks/useBreakPoint";
@@ -176,7 +180,8 @@ export default function ProductFooter({
                     className={styles.editButton}
                     onClick={() => setIsSpecialRequestOpen(true)}
                   >
-                    <u>{t("cart.editNote")}</u> <RightOutlined />
+                    <u>{t("cart.editNote")}</u>{" "}
+                    {isRTL ? <LeftOutlined /> : <RightOutlined />}
                   </div>
                 }
               />