code cleanup and translations

client/src/components/card-payment-modal/card-payment-modal.container..jsx

@@ -1,5 +1,6 @@
 import { Button, Modal } from "antd";
 import React from "react";
+import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { toggleModalVisible } from "../../redux/modals/modals.actions";
@@ -22,6 +23,7 @@ function CardPaymentModalContainer({
   bodyshop,
 }) {
   const { context, visible } = cardPaymentModal;
+  const { t } = useTranslation();
 
   const handleCancel = () => {
     toggleModalVisible();
@@ -38,7 +40,7 @@ function CardPaymentModalContainer({
       onCancel={handleCancel}
       footer={[
         <Button key="back" onClick={handleCancel}>
-          Go Back
+          {t("job_payments.buttons.goback")}
         </Button>,
       ]}
       width="60%"