fix arrow direction

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

@@ -1,4 +1,4 @@
-import { RightOutlined } from "@ant-design/icons";
+import { LeftOutlined, RightOutlined } from "@ant-design/icons";
 import { Form, Input } from "antd";
 import ProInputCard from "components/ProInputCard/ProInputCard.tsx";
 import { selectCart, updateSpecialRequest } from "features/order/orderSlice.ts";
@@ -15,7 +15,7 @@ export default function SpecialRequestCard() {
   const { isDesktop } = useBreakPoint();
   const dispatch = useAppDispatch();
   const { specialRequest } = useAppSelector(selectCart);
-
+  const { isRTL } = useAppSelector((state) => state.locale);
   const [isSpecialRequestOpen, setIsSpecialRequestOpen] = useState(false);
 
   const handleSpecialRequestSave = (value: string) => {
@@ -48,7 +48,7 @@ export default function SpecialRequestCard() {
                 className={styles.editButton}
                 onClick={() => setIsSpecialRequestOpen(true)}
               >
-                <u>{t("cart.editNote")}</u> <RightOutlined />
+                <u>{t("cart.editNote")}</u> {isRTL ? <LeftOutlined /> : <RightOutlined />}
               </div>
             }
           />