AddToCartButton: refactor and adjust desktop style

src/pages/menu/components/MenuList/MenuList.tsx

@@ -9,7 +9,7 @@ import { useNavigate } from "react-router-dom";
 import { useAppSelector } from "redux/hooks";
 import { colors } from "ThemeConstants";
 import { Product } from "utils/types/appTypes";
-import { AddToCart } from "../AddToCart";
+import { AddToCartButton } from "pages/menu/components/AddToCartButton/AddToCartButton.tsx";
 import styles from "./MenuList.module.css";
 
 interface MenuListProps {
@@ -157,7 +157,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
                             style={{
                               margin: 0,
                               display: "inline-block",
-                              fontSize: "1rem" ,
+                              fontSize: "1rem",
                               fontWeight: 600,
                               letterSpacing: "-0.01em",
                               lineHeight: 1.2,
@@ -241,7 +241,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
                             height={90}
                           />
 
-                          <AddToCart item={item} />
+                          <AddToCartButton item={item} />
 
                           {items.find((i) => i.id === item.id) && (
                             <Badge