added link for api doc

public/locales/de/translation.json

@@ -162,6 +162,7 @@
   "userProfile.button.createApiKey.popconfirm.title": "Name für den neuen API-Schlüssel",
   "userProfile.button.createApiKey.popconfirm.okText": "Erstellen",
   "userProfile.button.copyToClipboard.notification": "API Token in die Zwischenablage kopiert",
+  "userProfile.icon.viewApiDoc": "Api-Dokumentation anschauen",
   "scanners.column.name": "Name",
   "scanners.column.usedBy": "Verwendet von",
   "scanners.column.lastUsed": "Zuletzt verwendet",

public/locales/en/translation.json

@@ -162,6 +162,7 @@
   "userProfile.button.createApiKey.popconfirm.title": "Name for the new API key",
   "userProfile.button.createApiKey.popconfirm.okText": "Create",
   "userProfile.button.copyToClipboard.notification": "API token copied to clipboard",
+  "userProfile.icon.viewApiDoc": "View api documentation",
   "scanners.column.name": "Name",
   "scanners.column.usedBy": "Used by",
   "scanners.column.lastUsed": "Last used",

src/Pages/UserProfile/index.js

@@ -5,10 +5,12 @@ import {
   Form,
   Input,
   Popconfirm,
+  Popover,
   Row,
   Select,
   Space,
   Table,
+  Tooltip,
   Upload,
   notification,
 } from "antd";
@@ -32,6 +34,7 @@ import {
   CopyOutlined,
   EyeInvisibleOutlined,
   EyeOutlined,
+  FileTextOutlined,
   KeyOutlined,
 } from "@ant-design/icons";
 
@@ -463,7 +466,15 @@ export default function UserProfile() {
           >
             <h1 style={{ fontWeight: "bold" }}>
               {t("userProfile.header.yourApiKeys")} (
-              {webSocketContext.User.ApiKeys.length})
+              {webSocketContext.User.ApiKeys.length}){" "}
+              <Tooltip title={t("userProfile.icon.viewApiDoc")}>
+                <Link
+                  target="_blank"
+                  to={Constants.STATIC_CONTENT_ADDRESS + "swagger/index.html"}
+                >
+                  <FileTextOutlined style={{ fontSize: 16 }} />
+                </Link>
+              </Tooltip>
             </h1>
 
             <Popconfirm