fix: update button color

Author: xrdavies

front-end/src/components/Step1.tsx

@@ -255,7 +255,7 @@ const Step1: React.FC<Props> = ({ handleNext }) => {
       </TipsBox>
       <div>
         <Button
-          variant="flat"
+          variant={!support || btnDisabled ? "secondary" : "primary"}
           onClick={() => nextPage()}
           disabled={!support || btnDisabled}
         >

front-end/src/components/Step2.tsx

@@ -895,7 +895,7 @@ const Step2: React.FC<Props> = ({ handleNext, handlePrev }) => {
         <div className="ml2">
           <div className="d-flex align-items-center gap-3">
             <Button
-              variant="flat"
+              variant={showLoading ? "secondary" : "primary"}
               onClick={doApprove}
               disabled={showLoading}
             >
@@ -933,7 +933,7 @@ const Step2: React.FC<Props> = ({ handleNext, handlePrev }) => {
               Back
             </Button>
             <Button
-              variant="flat"
+              variant={showLoading ? "secondary" : "primary"}
               onClick={doSend}
               disabled={showLoading}
             >