Accueil, pied de page et catégories : compteur réel, boutons alignés, référentiel complété

- Accueil : le bandeau « Faites partie de l'aventure » affiche le nombre
  d'adhérents validés (statut active) au lieu de « plus de 120 » codé en dur.
- Pied de page : les boutons Facebook / LinkedIn ont la même largeur (grille à
  une colonne dimensionnée sur le plus long) et une icône à largeur fixe.
- Catégories : référentiel unique dans src/db/categories.ts (104 métiers, dont
  assurance, bazar/discount, grande distribution, librairie-presse, tabac,
  vétérinaire, auto-école, etc.), inséré par la migration 0012 avec
  ON CONFLICT (slug) : les catégories manquantes apparaissent au prochain
  démarrage, sans écraser un libellé renommé depuis le backend. Le seed et
  l'action « Ajouter une catégorie » réutilisent ce référentiel et sa palette.
- tests/categories.test.ts vérifie unicité des slugs, contraintes de la table
  et cohérence entre le référentiel et la migration.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HDbKbJrPWweXXYSxA8MXW7

src/app/globals.css

@@ -379,15 +379,15 @@ button {
 /* Boutons sociaux libellés : plus lisibles que deux icônes isolées, et ils
    donnent enfin du contenu à la quatrième colonne. */
 .footer-social {
-  display: flex;
-  flex-direction: column;
-  /* Sans cela les boutons s'étirent sur toute la colonne et deviennent des
-     pavés vides. */
-  align-items: flex-start;
+  /* Grille à une colonne dimensionnée sur son contenu : tous les boutons
+     prennent la largeur du plus long au lieu de s'étirer sur la colonne ou de
+     former un escalier. */
+  display: inline-grid;
+  grid-template-columns: minmax(150px, max-content);
   gap: 9px;
 }
 .footer-social a {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   gap: 10px;
   padding: 9px 13px;