refactor: button to allow html attributes & refactor class names (#956)

app/assets/javascripts/components/Preferences/panes/two-factor-auth/SaveSecretKey.tsx

@@ -78,13 +78,13 @@ export const SaveSecretKey: FunctionComponent<{
       <ModalDialogButtons>
         <Button
           className="min-w-20"
-          type="normal"
+          variant="normal"
           label="Back"
           onClick={() => act.openScanQRCode()}
         />
         <Button
           className="min-w-20"
-          type="primary"
+          variant="primary"
           label="Next"
           onClick={() => act.openVerification()}
         />

app/assets/javascripts/components/Preferences/panes/two-factor-auth/ScanQRCode.tsx

@@ -63,13 +63,13 @@ export const ScanQRCode: FunctionComponent<{
       <ModalDialogButtons>
         <Button
           className="min-w-20"
-          type="normal"
+          variant="normal"
           label="Cancel"
           onClick={() => act.cancelActivation()}
         />
         <Button
           className="min-w-20"
-          type="primary"
+          variant="primary"
           label="Next"
           onClick={() => act.openSaveSecretKey()}
         />

app/assets/javascripts/components/Preferences/panes/two-factor-auth/TwoFactorSuccess.tsx

@@ -27,7 +27,7 @@ export const TwoFactorSuccess: FunctionComponent<{
     <ModalDialogButtons>
       <Button
         className="min-w-20"
-        type="primary"
+        variant="primary"
         label="Finish"
         onClick={act.finishActivation}
       />

app/assets/javascripts/components/Preferences/panes/two-factor-auth/Verification.tsx

@@ -65,13 +65,13 @@ export const Verification: FunctionComponent<{
         )}
         <Button
           className="min-w-20"
-          type="normal"
+          variant="normal"
           label="Back"
           onClick={act.openSaveSecretKey}
         />
         <Button
           className="min-w-20"
-          type="primary"
+          variant="primary"
           label="Next"
           onClick={act.enable2FA}
         />