refactor: use compound button instead of accessible button

Author: florianduros

res/css/views/dialogs/_InviteDialog.pcss

@@ -60,8 +60,7 @@ Please see LICENSE files in the repository root for full details.
     .mx_InviteDialog_goButton {
         min-width: 48px;
         margin-inline-start: 10px;
-        height: 25px;
-        line-height: $font-25px;
+        min-height: 41px;
     }
 }
 

src/components/views/dialogs/InviteDialog.tsx

@@ -13,6 +13,7 @@ import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
 import { logger } from "matrix-js-sdk/src/logger";
 import { uniqBy } from "lodash";
 import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Button } from "@vector-im/compound-web";
 
 import { Icon as EmailPillAvatarIcon } from "../../../../res/img/icon-email-pill-avatar.svg";
 import { _t, _td } from "../../../languageHandler";
@@ -1369,14 +1370,15 @@ export default class InviteDialog extends React.PureComponent<Props, IInviteDial
 
         const goButton =
             this.props.kind == InviteKind.CallTransfer ? null : (
-                <AccessibleButton
+                <Button
                     kind="primary"
-                    onClick={goButtonFn}
+                    size="sm"
+                    onClick={goButtonFn ?? undefined}
                     className="mx_InviteDialog_goButton"
                     disabled={this.state.busy || !this.hasSelection()}
                 >
                     {buttonText}
-                </AccessibleButton>
+                </Button>
             );
 
         return (