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/backend/actions.ts

@@ -9,6 +9,7 @@ import bcrypt from "bcryptjs";
 import { signOut } from "@/auth";
 import { getSession } from "@/lib/session";
 import { db } from "@/db";
+import { CATEGORY_PALETTE } from "@/db/categories";
 import {
   activityLog,
   categories,
@@ -43,16 +44,6 @@ import { normalizeWebsite } from "@/lib/member-profile";
 import { SITE_SETTING_DEFAULTS } from "@/lib/site-settings";
 import type { AppRole } from "@/types/next-auth";
 
-const CATEGORY_PALETTE = [
-  { accent: "#E0A63C", tint: "#f6efdc" },
-  { accent: "#6FB0C6", tint: "#e7f0f3" },
-  { accent: "#9a6638", tint: "#f4ebda" },
-  { accent: "#2C6FB3", tint: "#eaf0f6" },
-  { accent: "#5a7a5a", tint: "#eef0ec" },
-  { accent: "#7a6f9c", tint: "#efe9f3" },
-  { accent: "#c98a2e", tint: "#f7efe0" },
-  { accent: "#3f8aa3", tint: "#e6eff2" },
-];
 
 function slugify(input: string): string {
   return input

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;

src/app/page.tsx

@@ -9,7 +9,7 @@ import { MembersCarousel } from "@/components/MembersCarousel";
 import { StarField } from "@/components/StarField";
 import { PromoImage } from "@/components/PromoImage";
 import { SOCIAL_BRAND, SocialIcon } from "@/components/SocialIcons";
-import { getLivePromotions, getRotatingActiveMembers } from "@/lib/queries";
+import { getActiveMemberCount, getLivePromotions, getRotatingActiveMembers } from "@/lib/queries";
 import { getSiteSettings, socialLinks } from "@/lib/site-settings";
 import { SITE_DESCRIPTION, SITE_TITLE, pageMetadata } from "@/lib/seo";
 
@@ -35,10 +35,11 @@ function badgeColor(badge: string | null) {
 }
 
 export default async function AccueilPage() {
-  const [promos, rotatingMembers, settings] = await Promise.all([
+  const [promos, rotatingMembers, settings, memberCount] = await Promise.all([
     getLivePromotions(6),
     getRotatingActiveMembers(),
     getSiteSettings(),
+    getActiveMemberCount(),
   ]);
   const socials = socialLinks(settings);
 
@@ -450,8 +451,9 @@ export default async function AccueilPage() {
               Faites partie de l'aventure Plein R
             </h2>
             <p style={{ margin: "0 auto 22px", fontSize: 15.5, color: "#f4e6d3", maxWidth: 480 }}>
-              Rejoignez plus de 120 commerçants et entreprises qui font réseau, se rencontrent et réussissent
-              ensemble.
+              {memberCount > 0
+                ? `Rejoignez les ${memberCount} commerçants et entreprises adhérents qui font réseau, se rencontrent et réussissent ensemble.`
+                : "Rejoignez les commerçants et entreprises qui font réseau, se rencontrent et réussissent ensemble."}
             </p>
             <MembershipModalButton
               label="Devenir adhérent"