refactor(client): replace button in unsubscribed and report user pages (#52326)

client/src/client-only-routes/show-unsubscribed.tsx

@@ -1,9 +1,8 @@
-import { Button } from '@freecodecamp/react-bootstrap';
 import type { RouteComponentProps } from '@reach/router';
 import React from 'react';
 import Helmet from 'react-helmet';
 import { useTranslation } from 'react-i18next';
-import { Container, Panel } from '@freecodecamp/ui';
+import { Container, Panel, Button } from '@freecodecamp/ui';
 
 import envData from '../../config/env.json';
 import { Spacer } from '../components/helpers';
@@ -42,8 +41,8 @@ function ShowUnsubscribed({
             <FullWidthRow>
               <Button
                 block={true}
-                bsSize='lg'
-                bsStyle='primary'
+                size='large'
+                variant='primary'
                 href={`${apiLocation}/resubscribe/${unsubscribeId}`}
               >
                 {t('buttons.resubscribe')}

client/src/client-only-routes/show-user.tsx

@@ -1,4 +1,3 @@
-import { Button } from '@freecodecamp/react-bootstrap';
 import React, { useState } from 'react';
 import Helmet from 'react-helmet';
 import type { TFunction } from 'i18next';
@@ -11,7 +10,8 @@ import {
   ControlLabel,
   Panel,
   Col,
-  Row
+  Row,
+  Button
 } from '@freecodecamp/ui';
 
 import Login from '../components/Header/components/login';
@@ -131,7 +131,7 @@ function ShowUser({
                 value={textarea}
               />
             </FormGroup>
-            <Button block={true} bsStyle='primary' type='submit'>
+            <Button block={true} variant='primary' type='submit'>
               {t('report.submit')}
             </Button>
             <Spacer size='medium' />