fix(client): remove react-bootstrap for user token widget (#52340)

client/src/components/settings/user-token.css

@@ -1,16 +0,0 @@
-.btn-info {
-  background-color: var(--highlight-color);
-  color: var(--highlight-background);
-  border-color: var(--highlight-background);
-}
-
-.btn-info:hover,
-.btn-info:focus {
-  color: var(--highlight-color);
-  background-color: var(--highlight-background);
-  border-color: var(--highlight-background);
-}
-
-.user-token p {
-  color: var(--highlight-color);
-}

client/src/components/settings/user-token.tsx

@@ -1,15 +1,12 @@
-import { Button } from '@freecodecamp/react-bootstrap';
 import React, { Component } from 'react';
 import type { TFunction } from 'i18next';
 import { withTranslation } from 'react-i18next';
 import { connect } from 'react-redux';
-import { Panel } from '@freecodecamp/ui';
+import { Panel, Button } from '@freecodecamp/ui';
 
 import { deleteUserToken } from '../../redux/actions';
 import { FullWidthRow, Spacer } from '../helpers';
 
-import './user-token.css';
-
 type UserTokenProps = {
   deleteUserToken: () => void;
   t: TFunction;
@@ -40,9 +37,8 @@ class UserToken extends Component<UserTokenProps> {
               <Spacer size='small' />
               <Button
                 block={true}
-                bsSize='lg'
-                bsStyle='danger'
-                className='btn-info'
+                size='large'
+                variant='info'
                 data-cy='delete-user-token'
                 onClick={this.deleteToken}
                 type='button'