feat: link to API docs from Settings > API keys

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/web/app/(app)/settings/api-keys/page.tsx

@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import { headers } from "next/headers";
+import Link from "next/link";
+import { ExternalLink } from "lucide-react";
 import { auth } from "@/lib/auth/server";
 import { db, apiKeys, eq } from "@epicure/db";
 import { ApiKeysManager } from "@/components/settings/api-keys-manager";
@@ -30,6 +32,14 @@ export default async function ApiKeysPage() {
           <p className="text-sm text-muted-foreground mt-1">
             {m.settings.apiKeysPage.description}
           </p>
+          <Link
+            href="/docs"
+            target="_blank"
+            className="inline-flex items-center gap-1 text-sm text-primary hover:underline mt-2"
+          >
+            <ExternalLink className="h-3.5 w-3.5" />
+            {m.settings.apiKeysPage.docsLink}
+          </Link>
         </div>
         <ApiKeysManager
           initialKeys={keys.map((k) => ({

apps/web/messages/en.json

@@ -242,7 +242,8 @@
     },
     "apiKeysPage": {
       "title": "API Keys",
-      "description": "Manage API keys for programmatic access to the Epicure API."
+      "description": "Manage API keys for programmatic access to the Epicure API.",
+      "docsLink": "View API documentation"
     },
     "pushNotifications": {
       "title": "Push Notifications",

apps/web/messages/fr.json

@@ -242,7 +242,8 @@
     },
     "apiKeysPage": {
       "title": "Clés API",
-      "description": "Gérez les clés API pour un accès programmatique à l'API Epicure."
+      "description": "Gérez les clés API pour un accès programmatique à l'API Epicure.",
+      "docsLink": "Voir la documentation de l'API"
     },
     "pushNotifications": {
       "title": "Notifications push",