feat: tooltip carte + tri/group alertes + safelist couleurs + legal Nocleus

- FranceMap : tooltip riche au hover (HTML overlay), liste les phénomènes
  + niveaux du département. Touch-friendly (1er tap = preview, 2e = clic).
- index.astro : layout refactored, carte toujours visible full-width centrée,
  liste par région en details collapsible sous (plus de side-by-side cassé sur PC).
- Alertes actives groupées par département, triées par numéro asc (2A/2B après 19).
- Tailwind safelist vigilance-chip-{1..4} : les classes générées dynamiquement
  n'étaient pas captées par le scanner statique → CSS absent en prod.
- Mentions légales : distinction explicite entre Nocleus (micro-entreprise
  commerciale) et Info Canicule (projet perso non lucratif, hors cadre pro).
- Liens code source git.nocleus.com retirés partout (autres repos privés y sont
  visibles) → code "disponible sur demande" par mail.

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

src/layouts/Base.astro

@@ -33,7 +33,6 @@ const jsonLd = {
   publisher: {
     '@type': 'Person',
     name: 'Florian Bouchet',
-    url: 'https://nocleus.com',
   },
   potentialAction: {
     '@type': 'SearchAction',
@@ -110,7 +109,7 @@ const jsonLd = {
               <li><a href="/a-propos">À propos</a></li>
               <li><a href="/mentions-legales">Mentions légales</a></li>
               <li><a href="/dependances">Dépendances</a></li>
-              <li><a href="/soutenir">Soutenir</a></li>
+              <li><a href="/soutenir">☕ Soutenir sur Ko-fi</a></li>
               <li><a href="/api/vigilance">API JSON publique</a></li>
             </ul>
           </div>
@@ -124,10 +123,8 @@ const jsonLd = {
           </div>
         </div>
         <p class="mt-4 text-xs text-slate-400">
-          Un projet
-          <a href="https://nocleus.com" class="text-canicule-700" rel="noopener">Nocleus</a>.
-          Code source :
-          <a href="https://git.nocleus.com/florian/info-canicule" class="text-canicule-700" rel="noopener">git.nocleus.com</a>.
+          Édité à titre personnel, sans but lucratif —
+          <a href="/mentions-legales" class="text-canicule-700">mentions légales</a>.
         </p>
       </div>
     </footer>