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/api.spec.ts

@@ -0,0 +1,37 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('API', () => {
+  test('/api/health retourne status ok et cache true', async ({ request }) => {
+    const res = await request.get('/api/health');
+    expect(res.status()).toBeLessThan(600); // accepte 200 ou 503 selon Valkey
+    const body = await res.json();
+    expect(body).toHaveProperty('status');
+    expect(body).toHaveProperty('cache');
+    expect(body).toHaveProperty('time');
+  });
+
+  test('/api/vigilance retourne snapshot JSON valide CORS *', async ({ request }) => {
+    const res = await request.get('/api/vigilance');
+    expect(res.status()).toBe(200);
+    expect(res.headers()['access-control-allow-origin']).toBe('*');
+    const body = await res.json();
+    expect(body).toHaveProperty('fetchedAt');
+    expect(body).toHaveProperty('alerts');
+    expect(Array.isArray(body.alerts)).toBe(true);
+  });
+
+  test('/api/vigilance/dept/13 retourne enrichi avec labels', async ({ request }) => {
+    const res = await request.get('/api/vigilance/dept/13');
+    expect(res.status()).toBe(200);
+    const body = await res.json();
+    expect(body.departement.code).toBe('13');
+    expect(body.departement.name).toBe('Bouches-du-Rhône');
+    expect(body).toHaveProperty('today');
+    expect(body).toHaveProperty('tomorrow');
+  });
+
+  test('/api/vigilance/dept/999 retourne 404', async ({ request }) => {
+    const res = await request.get('/api/vigilance/dept/999');
+    expect(res.status()).toBe(404);
+  });
+});