feat: aide contextuelle dans les paramètres (SettingsHelpBox)

- Nouveau composant SettingsHelpBox (accordéon bleu, étapes numérotées)
- Intégrations: aide Google Calendar + aide Readwise (inline, avant les boutons)
- MCP: explication de ce qu'est MCP et comment l'utiliser
- IA: explication des fournisseurs, BYOK, Ollama, quotas
- Données: explication import/export/ré-indexation/suppression compte

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

memento-note/app/(main)/settings/mcp/page.tsx

@@ -2,7 +2,7 @@ import { auth } from '@/auth'
 import { redirect } from 'next/navigation'
 import { McpSettingsPanel } from '@/components/mcp/mcp-settings-panel'
 import { listMcpKeys, getMcpServerStatus } from '@/app/actions/mcp-keys'
-import { useLanguage } from '@/lib/i18n'
+import { SettingsHelpBox } from '@/components/settings/settings-help-box'
 
 export default async function McpSettingsPage() {
   const session = await auth()
@@ -15,9 +15,17 @@ export default async function McpSettingsPage() {
 
   return (
     <div className="space-y-8">
-      <h3 className="text-[10px] font-bold uppercase tracking-[0.3em] text-concrete">
-        Gérez vos clés API et serveurs MCP connectés.
-      </h3>
+      <SettingsHelpBox
+        title="Qu'est-ce que MCP (Model Context Protocol) ?"
+        defaultOpen={true}
+        steps={[
+          { text: 'MCP est un protocole qui permet aux agents IA de Momento de se connecter à des outils externes (bases de données, APIs, fichiers, etc.).' },
+          { text: 'Momento expose un serveur MCP avec 22 outils — vos agents peuvent lire/créer des notes, chercher dans votre base, gérer les carnets, etc.' },
+          { text: 'Créez une clé API ici, puis configurez-la dans votre client MCP (Claude Desktop, Cursor, Continue.dev…) avec l\'URL du serveur.' },
+          { text: 'Format de configuration : URL du serveur MCP + votre clé dans le header Authorization.', link: { label: 'Documentation MCP', href: 'https://modelcontextprotocol.io/docs' } },
+          { icon: '⚡', text: 'Cas d\'usage : demandez à Claude Desktop d\'écrire une note dans Momento, de chercher dans vos carnets, ou de créer un agent.' },
+        ]}
+      />
       <McpSettingsPanel initialKeys={keys} serverStatus={serverStatus} />
     </div>
   )