design(web): refonte des pages aide / statistiques / réglages

Typographie plus lisible (16.5px, interligne 1.7), cartes arrondies avec ombres douces, degradés teal, en-tête avec logo et slogan, onglets de navigation actifs, emojis dans toutes les sections, étapes numérotées sur la page d'aide, cartes de stats et graphique à barres sur la page statistiques, formulaire organisé en sections avec rappels santé stylisés, page de confirmation festive, mode sombre complet.

tests/test_webserver.nim

@@ -76,7 +76,7 @@ suite "rendering":
     check "Pomodoro" in renderHelp(cfg)
     check "Statistiques" in renderStats(cfg)
     check "Réglages" in renderSettings(cfg)
-    check "name=\"workMin\"" in renderSettings(cfg)
+    check "name='workMin'" in renderSettings(cfg)
     check "reminders_json" in renderSettings(cfg)
 
 suite "integration (local HTTP server)":
@@ -105,7 +105,7 @@ suite "integration (local HTTP server)":
     check "Statistiques" in stats
 
     let settings = client.getContent(base & "/settings")
-    check "name=\"workMin\"" in settings
+    check "name='workMin'" in settings
 
     # Sauvegarde via POST (comme le ferait le navigateur).
     let body = "workMin=33&shortBreakMin=6&longBreakMin=18&cyclesBeforeLongBreak=4&" &
@@ -129,6 +129,6 @@ suite "integration (local HTTP server)":
 
     # La page réglages reflète les nouvelles valeurs.
     let settings2 = client.getContent(base & "/settings")
-    check "value=\"33\"" in settings2
+    check "value='33'" in settings2
 
     removeDir(dir)