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

app/assets/javascripts/components/PurchaseFlow/panes/CreateAccount.tsx

@@ -204,7 +204,7 @@ export const CreateAccount: FunctionComponent<Props> = observer(
             </div>
             <Button
               className="py-2.5 xs:mb-4"
-              type="primary"
+              variant="primary"
               label={
                 isCreatingAccount ? 'Creating account...' : 'Create account'
               }

app/assets/javascripts/components/PurchaseFlow/panes/SignIn.tsx

@@ -151,7 +151,7 @@ export const SignIn: FunctionComponent<Props> = observer(
             </div>
             <Button
               className={`${isSigningIn ? 'min-w-30' : 'min-w-24'} py-2.5 mb-5`}
-              type="primary"
+              variant="primary"
               label={isSigningIn ? 'Signing in...' : 'Sign in'}
               onClick={handleSignIn}
               disabled={isSigningIn}