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

app/assets/javascripts/components/AccountMenu/ConfirmPassword.tsx

@@ -130,7 +130,7 @@ export const ConfirmPassword: FunctionComponent<Props> = observer(
             label={
               isRegistering ? 'Creating account...' : 'Create account & sign in'
             }
-            type="primary"
+            variant="primary"
             onClick={handleConfirmFormSubmit}
             disabled={isRegistering}
           />

app/assets/javascripts/components/AccountMenu/CreateAccount.tsx

@@ -122,7 +122,7 @@ export const CreateAccount: FunctionComponent<Props> = observer(
           <Button
             className="btn-w-full mt-1"
             label="Next"
-            type="primary"
+            variant="primary"
             onClick={handleRegisterFormSubmit}
           />
         </form>

app/assets/javascripts/components/AccountMenu/SignIn.tsx

@@ -171,7 +171,7 @@ export const SignInPane: FunctionComponent<Props> = observer(
           <Button
             className="btn-w-full mt-1 mb-3"
             label={isSigningIn ? 'Signing in...' : 'Sign in'}
-            type="primary"
+            variant="primary"
             onClick={handleSignInFormSubmit}
             disabled={isSigningIn}
           />