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/app/(main)/settings/integrations/page.tsx

@@ -127,7 +127,7 @@ export default function IntegrationsPage() {
 
   const StatusBadge = ({ connected }: { connected: boolean }) =>
     connected ? (
-      <span className="flex items-center gap-1.5 text-[11px] font-semibold text-primary/80 dark:text-primary bg-primary/10 border border-primary/30 rounded-full px-2.5 py-1">
+      <span className="flex items-center gap-1.5 text-[11px] font-semibold text-emerald-700 dark:text-emerald-300 bg-emerald-50 dark:bg-emerald-950/40 border border-emerald-200 dark:border-emerald-800/50 rounded-full px-2.5 py-1">
         <Check size={11} /> Connecté
       </span>
     ) : (