Add support for regenerating the token

Author: 0xPoe

app/components/settings/api-tokens.hbs

@@ -113,6 +113,14 @@
 
         <div local-class="actions">
           {{#unless token.isExpired}}
+            <LinkTo
+              @route="settings.tokens.new"
+              @query={{hash from=token.id}}
+              local-class="regenerate-button"
+              data-test-regenerate-token-button
+            >
+              Regenerate
+            </LinkTo>
             <button
               type="button"
               local-class="revoke-button"

app/components/settings/api-tokens.module.css

@@ -89,6 +89,12 @@
     border-radius: var(--space-3xs);
 }
 
+.regenerate-button {
+    composes: yellow-button small from '../../styles/shared/buttons.module.css';
+    flex-grow: 1;
+    border-radius: var(--space-3xs);
+}
+
 .new-token {
     margin-top: var(--space-s);
 }
@@ -190,11 +196,19 @@
         }
 
         .actions {
+            display: flex;
+            flex-direction: column;
             grid-area: actions;
             align-self: start;
             margin: 0 0 0 var(--space-xs);
         }
 
+        .actions > * {
+            flex-grow: 1;
+            width: 100%;
+            margin-top: var(--space-xs);
+        }
+
         .new-token {
             grid-area: details;
             margin-bottom: 0;