Add interactive citizen page with sidebar, display settings, and adaptive CSS

Major rework of the citizen-facing page:
- Chart + sidebar layout (auth/vote/countdown in right sidebar)
- DisplaySettings component (font size, chart density, color palettes)
- Adaptive CSS with clamp() throughout, responsive breakpoints at 480/768/1024
- Baseline charts zoomed on first tier for small consumption detail
- Marginal price chart with dual Y-axes (foyers left, €/m³ right)
- Key metrics banner (5 columns: recettes, palier, prix palier, prix médian, mon prix)
- Client-side p0/impacts computation, draggable median price bar
- Household dots toggle, vote overlay curves
- Auth returns volume_m3, vote captures submitted_at
- Cleaned header nav (removed Accueil/Super Admin for public visitors)
- Terminology: foyer for bills, électeur for votes
- 600m³ added to impact reference volumes
- Realistic seed votes (50 votes, 3 profiles)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

backend/seed.py

@@ -3,6 +3,7 @@
 import asyncio
 import sys
 import os
+import random
 from datetime import datetime
 
 sys.path.insert(0, os.path.dirname(__file__))
@@ -11,9 +12,10 @@ import xlrd
 from sqlalchemy import select
 
 from app.database import engine, async_session, init_db
-from app.models import Commune, TariffParams, Household, AdminUser
+from app.models import Commune, TariffParams, Household, AdminUser, Vote
 from app.services.auth_service import hash_password
 from app.services.import_service import generate_auth_code
+from app.engine.pricing import HouseholdData, compute_p0
 
 XLS_PATH = os.path.join(os.path.dirname(__file__), "..", "Eau2018.xls")
 
@@ -45,6 +47,7 @@ async def seed():
             recettes=75000,
             pmax=20,
             vmax=2100,
+            differentiated_tariff=False,
             data_year=2018,
             data_imported_at=datetime.utcnow(),
         )
@@ -96,10 +99,85 @@ async def seed():
             )
             db.add(household)
 
+        await db.flush()
+
+        # ── Publish a reference curve ──
+        # Reference: vinf=400, all params=0.5
+        ref_vinf, ref_a, ref_b, ref_c, ref_d, ref_e = 400, 0.5, 0.5, 0.5, 0.5, 0.5
+
+        hh_result = await db.execute(
+            select(Household).where(Household.commune_id == commune.id)
+        )
+        all_households = hh_result.scalars().all()
+        hh_data = [
+            HouseholdData(volume_m3=h.volume_m3, status=h.status, price_paid_eur=h.price_paid_eur)
+            for h in all_households
+        ]
+
+        ref_p0 = compute_p0(
+            hh_data,
+            recettes=params.recettes, abop=params.abop, abos=params.abos,
+            vinf=ref_vinf, vmax=params.vmax, pmax=params.pmax,
+            a=ref_a, b=ref_b, c=ref_c, d=ref_d, e=ref_e,
+        )
+        params.published_vinf = ref_vinf
+        params.published_a = ref_a
+        params.published_b = ref_b
+        params.published_c = ref_c
+        params.published_d = ref_d
+        params.published_e = ref_e
+        params.published_p0 = ref_p0
+        params.published_at = datetime.utcnow()
+
+        # ── Generate 10 votes, small variations around the reference ──
+        random.seed(42)
+
+        vote_profiles = [
+            # 5 votes slightly below reference (eco-leaning)
+            {"vinf": 350, "a": 0.45, "b": 0.48, "c": 0.40, "d": 0.52, "e": 0.55},
+            {"vinf": 370, "a": 0.42, "b": 0.50, "c": 0.45, "d": 0.48, "e": 0.52},
+            {"vinf": 380, "a": 0.48, "b": 0.45, "c": 0.42, "d": 0.50, "e": 0.58},
+            {"vinf": 360, "a": 0.50, "b": 0.52, "c": 0.38, "d": 0.55, "e": 0.50},
+            {"vinf": 390, "a": 0.47, "b": 0.47, "c": 0.48, "d": 0.46, "e": 0.53},
+            # 5 votes slightly above reference (lax-leaning)
+            {"vinf": 420, "a": 0.52, "b": 0.50, "c": 0.55, "d": 0.48, "e": 0.45},
+            {"vinf": 440, "a": 0.55, "b": 0.53, "c": 0.52, "d": 0.50, "e": 0.42},
+            {"vinf": 430, "a": 0.50, "b": 0.55, "c": 0.58, "d": 0.45, "e": 0.48},
+            {"vinf": 410, "a": 0.53, "b": 0.48, "c": 0.50, "d": 0.52, "e": 0.47},
+            {"vinf": 450, "a": 0.48, "b": 0.52, "c": 0.60, "d": 0.42, "e": 0.40},
+        ]
+
+        used_households = set()
+        vote_count = 0
+        for prof in vote_profiles:
+            # Pick a unique household
+            hh_pick = random.choice(all_households)
+            while hh_pick.id in used_households:
+                hh_pick = random.choice(all_households)
+            used_households.add(hh_pick.id)
+
+            vp0 = compute_p0(
+                hh_data,
+                recettes=params.recettes, abop=params.abop, abos=params.abos,
+                vinf=prof["vinf"], vmax=params.vmax, pmax=params.pmax,
+                a=prof["a"], b=prof["b"], c=prof["c"], d=prof["d"], e=prof["e"],
+            )
+            vote = Vote(
+                commune_id=commune.id,
+                household_id=hh_pick.id,
+                vinf=prof["vinf"],
+                a=prof["a"], b=prof["b"], c=prof["c"], d=prof["d"], e=prof["e"],
+                computed_p0=vp0,
+            )
+            db.add(vote)
+            hh_pick.has_voted = True
+            vote_count += 1
+
         await db.commit()
-        print(f"Seeded: commune 'saou', {nb_hab} households")
+        print(f"Seeded: commune 'saou', {nb_hab} households, {vote_count} votes")
+        print(f"  Published curve: vinf={ref_vinf}, p0={ref_p0:.3f}")
         print(f"  Super admin: superadmin@sejeteralo.fr / superadmin")
-        print(f"  Commune admin Saoû: saou@sejeteralo.fr / saou2024")
+        print(f"  Commune admin Saou: saou@sejeteralo.fr / saou2024")
 
 
 if __name__ == "__main__":