Add link from admin API keys page to manage personal API keys.

frontend/vue/components/Admin/ApiKeys.vue

@@ -9,6 +9,25 @@
             </h2>
         </b-card-header>
 
+        <info-card>
+            <p class="card-text">
+                {{
+                    $gettext('This page lists all API keys assigned to all users across the system.')
+                }}
+            </p>
+        </info-card>
+
+        <b-card-body body-class="card-padding-sm">
+            <b-button
+                variant="outline-primary"
+                :href="myApiKeysUrl"
+                target="_blank"
+            >
+                <icon icon="vpn_key"/>
+                {{ $gettext('Manage My API Keys') }}
+            </b-button>
+        </b-card-body>
+
         <data-table
             id="api_keys"
             ref="$dataTable"
@@ -40,11 +59,17 @@ import {useSweetAlert} from "~/vendor/sweetalert";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useAxios} from "~/vendor/axios";
 import {useTranslate} from "~/vendor/gettext";
+import InfoCard from "~/components/Common/InfoCard.vue";
+import Icon from "~/components/Common/Icon.vue";
 
 defineProps({
     apiUrl: {
         type: String,
         required: true
+    },
+    myApiKeysUrl: {
+        type: String,
+        required: true
     }
 });
 

src/Controller/Admin/ApiKeysAction.php

@@ -23,6 +23,7 @@ final class ApiKeysAction
             title: __('API Keys'),
             props: [
                 'apiUrl' => $router->named('api:admin:api-keys'),
+                'myApiKeysUrl' => $router->named('profile:index'),
             ],
         );
     }