update antd & fix rtl styles

src/pages/menu/components/AddToCartButton/AddToCartButton.tsx

@@ -13,7 +13,7 @@ import ProText from "components/ProText";
 
 export function AddToCartButton({ item }: { item: Product }) {
   const { t } = useTranslation();
-
+  const { isRTL } = useAppSelector((state) => state.locale);
   const { subdomain } = useParams();
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
@@ -162,7 +162,7 @@ export function AddToCartButton({ item }: { item: Product }) {
           height: 45,
           position: "absolute",
           bottom: -5,
-          right: -4,
+          [isRTL ? "left" : "right"]: -4,
         }}
       >
         <svg
@@ -199,7 +199,7 @@ export function AddToCartButton({ item }: { item: Product }) {
             height: 28,
             position: "absolute",
             bottom: 9,
-            right: 70,
+            [isRTL ? "left" : "right"]: 70,
             minWidth: 28,
           }}
         />
@@ -207,7 +207,7 @@ export function AddToCartButton({ item }: { item: Product }) {
           style={{
             position: "absolute",
             bottom: 17,
-            right: 50,
+            [isRTL ? "left" : "right"]: 50,
             fontSize: 14,
             fontWeight: 700,
             fontStyle: "Bold",
@@ -232,7 +232,7 @@ export function AddToCartButton({ item }: { item: Product }) {
             height: 28,
             position: "absolute",
             bottom: 9,
-            right: 10,
+            [isRTL ? "left" : "right"]: 10,
             minWidth: 28,
           }}
         />
@@ -246,7 +246,7 @@ export function AddToCartButton({ item }: { item: Product }) {
           height: 48,
           position: "absolute",
           bottom: -11,
-          right: -2,
+          [isRTL ? "left" : " right"]: -2,
           backgroundColor: "var(--background)",
           borderRadius: "50%",
         }}
@@ -274,7 +274,7 @@ export function AddToCartButton({ item }: { item: Product }) {
             height: 36,
             position: "absolute",
             bottom: 6,
-            right: 6,
+            [isRTL ? "left" : "right"]: 6,
           }}
         />
       </div>