fix(settings): raise the Google Health tag contrast and update the integration-count assertion

The Fitbit & Pixel tag chip paired muted text on a muted background (below
WCAG AA); use foreground text. Update the mobile integrations e2e to expect
the fourth integration card (Google Health).

e2e/settings-integrations-mobile.spec.ts

@@ -127,8 +127,9 @@ test.describe("/settings/integrations Pixel-5 layout", () => {
 
     // Wait for the pills to mount (queries resolve after first paint).
     const pills = page.locator('[data-testid="integration-status-pill"]');
-    // Three integration cards now (Withings, moodLog, WHOOP) → three pills.
-    await expect(pills).toHaveCount(3, { timeout: 10_000 });
+    // Four integration cards now (Withings, moodLog, WHOOP, Google Health) →
+    // four pills.
+    await expect(pills).toHaveCount(4, { timeout: 10_000 });
 
     // Withings + moodLog are connected in this fixture; WHOOP is a BYO-keys
     // card that stays dormant until an operator adds credentials, so assert

src/components/settings/integrations-section.tsx

@@ -1302,7 +1302,7 @@ function FitbitCard({
         <div className="flex flex-wrap items-center gap-2">
           <HeartPulse className="text-primary h-5 w-5" />
           <h2 className="text-lg font-semibold">{t("settings.fitbit")}</h2>
-          <span className="bg-muted text-muted-foreground rounded-full px-2 py-0.5 text-[0.6875rem] font-medium">
+          <span className="bg-muted text-foreground rounded-full px-2 py-0.5 text-[0.6875rem] font-medium">
             {t("settings.fitbitTag")}
           </span>
           <Badge