feat: add link to API docs on API key page

frontend/messages/en.json

@@ -135,7 +135,7 @@
 	"name_passkey": "Name Passkey",
 	"name_your_passkey_to_easily_identify_it_later": "Name your passkey to easily identify it later.",
 	"create_api_key": "Create API Key",
-	"add_a_new_api_key_for_programmatic_access": "Add a new API key for programmatic access.",
+	"add_a_new_api_key_for_programmatic_access": "Add a new API key for programmatic access to the <link href='https://pocket-id.org/docs/api'>Pocket ID API</link>.",
 	"add_api_key": "Add API Key",
 	"manage_api_keys": "Manage API Keys",
 	"api_key_created": "API Key Created",

frontend/src/routes/settings/admin/api-keys/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import FormattedMessage from '$lib/components/formatted-message.svelte';
 	import { Button } from '$lib/components/ui/button';
 	import * as Card from '$lib/components/ui/card';
 	import { m } from '$lib/paraglide/messages';
@@ -48,7 +49,11 @@
 						<ShieldPlus class="text-primary/80 size-5" />
 						{m.create_api_key()}
 					</Card.Title>
-					<Card.Description>{m.add_a_new_api_key_for_programmatic_access()}</Card.Description>
+					<Card.Description
+						><FormattedMessage
+							m={m.add_a_new_api_key_for_programmatic_access()}
+						/></Card.Description
+					>
 				</div>
 				{#if !expandAddApiKey}
 					<Button onclick={() => (expandAddApiKey = true)}>{m.add_api_key()}</Button>