fix: badges statut (Connecté/Actif/Payé) en emerald sobre, déco en primary

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

memento-note/components/mcp/mcp-settings-panel.tsx

@@ -304,7 +304,7 @@ function KeyCard({ keyInfo, onRevoke, onDelete, isPending }: { keyInfo: McpKeyIn
           <span className={cn(
             'text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded-lg',
             keyInfo.active
-              ? 'bg-primary/10 text-primary/80 dark:text-primary'
+              ? 'bg-emerald-50 dark:bg-emerald-950/40 text-emerald-700 dark:text-emerald-300'
               : 'bg-concrete/10 text-concrete'
           )}>
             {keyInfo.active ? t('mcpSettings.apiKeys.active') : t('mcpSettings.apiKeys.revoked')}

memento-note/components/settings/billing-history.tsx

@@ -72,7 +72,7 @@ export function BillingHistory() {
   const getStatusBadge = (status: string | null) => {
     const s = status?.toLowerCase();
     if (s === 'paid') {
-      return 'bg-primary/10 text-primary/80 dark:text-primary border border-primary/20';
+      return 'bg-emerald-50 dark:bg-emerald-950/40 text-emerald-700 dark:text-emerald-300 border border-emerald-200 dark:border-emerald-800/50';
     }
     if (s === 'open' || s === 'pending') {
       return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border border-amber-500/20';