add api tokens to magic bar

resources/js/components/MagicBar.vue

@@ -58,7 +58,8 @@
                                             <span v-else><span class="capitalize ">{{
                                                 sequenceState.sequence[sequenceState.currentActionIndex] }}</span> name
                                                 will be:
-                                                <span class="inline-block text-warning">randomly generated (type to change)</span>
+                                                <span class="inline-block text-warning">randomly generated (type to
+                                                    change)</span>
                                             </span>
                                         </span>
                                     </li>
@@ -414,6 +415,13 @@ const magicActions = [{
     name: 'Goto: Boarding process',
     icon: 'goto',
     sequence: ['main', 'redirect']
+},
+{
+    id: 24,
+    name: 'Goto: API Tokens',
+    tags: 'api,tokens,rest',
+    icon: 'goto',
+    sequence: ['main', 'redirect']
 }
 ]
 const initialState = {
@@ -644,6 +652,9 @@ async function redirect() {
         case 23:
             targetUrl.pathname = `/boarding`
             break;
+        case 24:
+            targetUrl.pathname = `/security/api-tokens`
+            break;
     }
     window.location.href = targetUrl;
 }