feat: graph T° interactif + widget iframe + MF auth + E2E Playwright

Graph T° (TemperatureChartInteractive.astro) :
- Onglets 24 h / 7 j / 30 j (toggle JS, séries serialisées au SSR)
- Hover vertical line + tooltip valeurs
- Overlay normales mois en pointillé (TX orange, TN bleu)
- Onglet 24 h dispo seulement si l'API MF a répondu (best-effort)

Météo France OAuth2 (lib/meteofrance-auth.ts + observations.ts) :
- client_credentials avec refresh auto, cache token Valkey
- Fallback METEOFRANCE_STATIC_TOKEN pour debug
- /synop endpoint pour 24h horaires par station SYNOP du dept
- Mapping dept → station SYNOP la plus proche (src/data/stations-synop.json)
- En attente de creds : SDK skip silencieusement, l'onglet 24h n'apparaît pas

Widget iframe (/embed/dept/[code] + /embed doc) :
- Layout minimal sans header/footer global
- Réutilisable via iframe avec une ligne
- Page /embed avec snippet copier-coller + aperçu live

Tests E2E Playwright (tests/e2e/) :
- home (carte 96 paths, tooltip dept, navigation)
- api (health, vigilance, vigilance/dept)
- departement (tabs période, DROM notice, 404)
- static pages (a-propos, mentions, dependances, soutenir, conseils, embed)
- embed widget (rendu minimal, headers X-Frame OK)
- 20+ tests, run via pnpm test:e2e (live) ou test:e2e:local

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

tests/e2e/departement.spec.ts

@@ -0,0 +1,31 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Page département', () => {
+  test('/departement/75 (Paris) — métropole', async ({ page }) => {
+    await page.goto('/departement/75');
+    await expect(page.getByRole('heading', { name: 'Paris', exact: true })).toBeVisible();
+    // Graph interactif avec onglets période
+    await expect(page.getByRole('tab', { name: '7 jours' })).toBeVisible();
+    await expect(page.getByRole('tab', { name: '30 jours' })).toBeVisible();
+  });
+
+  test('Tabs période changent activeselected', async ({ page }) => {
+    await page.goto('/departement/75');
+    const tab7 = page.getByRole('tab', { name: '7 jours' });
+    const tab30 = page.getByRole('tab', { name: '30 jours' });
+    await tab30.click();
+    await expect(tab30).toHaveAttribute('aria-selected', 'true');
+    await expect(tab7).toHaveAttribute('aria-selected', 'false');
+  });
+
+  test('/departement/971 (Guadeloupe) — DROM affiche notice', async ({ page }) => {
+    await page.goto('/departement/971');
+    await expect(page.getByRole('heading', { name: 'Guadeloupe' })).toBeVisible();
+    await expect(page.getByText(/Vigilance Outre-mer non couverte/i)).toBeVisible();
+  });
+
+  test('Page dept invalide retourne 404', async ({ page }) => {
+    const res = await page.goto('/departement/999');
+    expect(res?.status()).toBe(404);
+  });
+});