карточка оплаты банковской картой

src/pages/Payment/Payment.tsx

@@ -16,6 +16,7 @@ import rsPayLogo from "@root/assets/bank-logo/rs-pay.png";
 import sberpayLogo from "@root/assets/bank-logo/sberpay.png";
 import spbLogo from "@root/assets/bank-logo/spb.png";
 import umoneyLogo from "@root/assets/bank-logo/umaney.png";
+import bankCardLogo from "@root/assets/bank-logo/bankcard.png";
 import InputTextfield from "@root/components/InputTextfield";
 import { VerificationStatus } from "@root/model/account";
 import { useUserStore } from "@root/stores/user";
@@ -44,6 +45,7 @@ const paymentMethods: PaymentMethod[] = [
     { label: "SberPay", name: "sberbank", image: sberpayLogo },
     { label: "B2B Сбербанк", name: "b2bSberbank", image: b2bLogo },
     { label: "ЮMoney", name: "yoomoney", image: umoneyLogo },
+    { label: "Банковская карта", name: "bankCard", image: bankCardLogo}
 ];
 
 type PaymentMethodType = (typeof paymentMethods)[number]["name"];

src/pages/Payment/PaymentMethodCard.tsx

@@ -49,7 +49,7 @@ export default function PaymentMethodCard({
       onClick={onClick}
     >
       <img src={image} alt="payment method" />
-      <Typography sx={{ color: theme.palette.gray.dark }}>{label}</Typography>
+      <Typography sx={{ color: theme.palette.gray.dark, maxWidth: "130px", textAlign: "start" }}>{label}</Typography>
     </Button>
   );
 }