fix(ui): thème, textes et lisibilité restants de la revue

Les boutons suivent la couleur d’apparence, les libellés trop petits ou trop techniques sont clarifiés, et le catalogue des fournisseurs se met à jour tout seul.

Co-authored-by: Cursor <cursoragent@cursor.com>

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

@@ -5,7 +5,7 @@ import { BillingPlans } from '@/components/settings/billing-plans';
 export const dynamic = 'force-dynamic';
 
 export const metadata = {
-  title: 'Billing',
+  title: 'Facturation — Memento',
 };
 
 function Fallback() {

memento-note/app/(main)/settings/layout.tsx

@@ -2,6 +2,7 @@
 
 import { Menu } from 'lucide-react'
 import { SettingsNav } from '@/components/settings'
+import { SettingsDocumentTitle } from '@/components/settings/settings-document-title'
 import { useLanguage } from '@/lib/i18n'
 
 export default function SettingsLayout({
@@ -11,9 +12,10 @@ export default function SettingsLayout({
 }) {
     const { t } = useLanguage()
     return (
-        <div className="flex flex-col h-full bg-[#F2F0E9] dark:bg-zinc-950">
-            <header className="px-4 sm:px-8 md:px-12 pt-8 sm:pt-14 md:pt-20 pb-6 sm:pb-10 md:pb-16 space-y-6 sm:space-y-10 md:space-y-12 shrink-0">
-                <div className="flex items-start gap-3">
+        <div className="flex flex-col h-full bg-background">
+            <SettingsDocumentTitle />
+            <header className="px-4 sm:px-8 md:px-12 pt-6 sm:pt-8 md:pt-10 pb-4 sm:pb-6 shrink-0">
+                <div className="flex items-start gap-3 mb-6">
                     <button
                         className="md:hidden p-2 -ms-1 text-ink dark:text-zinc-200 hover:bg-ink/5 dark:hover:bg-white/10 rounded-lg transition-colors shrink-0 mt-1"
                         onClick={() => window.dispatchEvent(new CustomEvent('open-mobile-sidebar'))}
@@ -22,10 +24,10 @@ export default function SettingsLayout({
                         <Menu size={22} />
                     </button>
                     <div>
-                        <h1 className="text-3xl sm:text-5xl md:text-[64px] font-serif text-ink dark:text-zinc-50 tracking-tight leading-none italic font-medium">
+                        <h1 className="text-2xl sm:text-3xl md:text-4xl font-serif text-ink dark:text-zinc-50 tracking-tight leading-tight font-medium">
                             {t('settings.title')}
                         </h1>
-                        <p className="text-[10px] font-bold uppercase tracking-[0.4em] text-concrete dark:text-zinc-500 opacity-60 mt-4">
+                        <p className="text-sm text-concrete dark:text-zinc-400 mt-1.5">
                             {t('settings.description')}
                         </p>
                     </div>

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

@@ -15,7 +15,7 @@ export function McpSettingsHeader() {
         { text: t('mcpSettings.helpBox.step2') },
         { text: t('mcpSettings.helpBox.step3') },
         { text: t('mcpSettings.helpBox.step4'), link: { label: t('mcpSettings.helpBox.step4Link'), href: 'https://modelcontextprotocol.io/docs' } },
-        { icon: '⚡', text: t('mcpSettings.helpBox.step5') },
+        { text: t('mcpSettings.helpBox.step5') },
       ]}
     />
   )