feat(ui): ui change for create access token EE-3541 (#7366)

* ui change for create access token

app/react/components/buttons/CopyButton/CopyButton.tsx

@@ -1,6 +1,8 @@
 import { PropsWithChildren } from 'react';
 import clsx from 'clsx';
 
+import { Icon } from '@@/Icon';
+
 import { Button } from '../Button';
 
 import styles from './CopyButton.module.css';
@@ -31,7 +33,7 @@ export function CopyButton({
         title="Copy Value"
         type="button"
       >
-        <i className="fa fa-copy space-right" aria-hidden="true" /> {children}
+        <Icon icon="copy" feather /> {children}
       </Button>
 
       <span
@@ -41,7 +43,7 @@ export function CopyButton({
           'space-left'
         )}
       >
-        <i className="fa fa-check" aria-hidden="true" />
+        <Icon icon="check" feather />
         {displayText && <span className="space-left">{displayText}</span>}
       </span>
     </div>

app/react/portainer/account/CreateAccessTokenView/CreateAccessToken.tsx

@@ -74,18 +74,16 @@ export function CreateAccessToken({
             />
           </FormControl>
           <div className="row mt-5">
-            <div className="col-sm-12">
+            <Button
-              <Button
+              disabled={!!errorText || !!accessToken}
-                disabled={!!errorText || !!accessToken}
+              onClick={() => generateAccessToken()}
-                onClick={() => generateAccessToken()}
+            >
-              >
+              {t('Add access token')}
-                {t('Add access token')}
+            </Button>
-              </Button>
-            </div>
           </div>
         </div>
         {accessToken && (
-          <>
+          <div className="mt-5">
             <FormSectionTitle>
               <Trans ns={translationNS}>New access token</Trans>
             </FormSectionTitle>
@@ -106,7 +104,7 @@ export function CreateAccessToken({
             >
               <Trans ns={translationNS}>Done</Trans>
             </Button>
-          </>
+          </div>
         )}
       </WidgetBody>
     </Widget>