Logo annuaire + modals devenir membre & contact

- Logo en haut a gauche de la page Annuaire (prop logo sur SiteHeader)
- Modal "Devenir adherent" sur les CTA accueil + annuaire : cree une
  demande d'adhesion (membership_requests) et alerte les admins via le
  journal d'activite (compteur tableau de bord deja cable)
- Formulaire de contact (modal depuis le pied de page) : nouvelle table
  contact_messages + alerte admin
- Composant Modal partage, server actions publiques (sans auth)
- Migration drizzle 0002

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

src/app/page.tsx

@@ -3,6 +3,7 @@ import { Sparkle } from "@/components/Sparkle";
 import { Reveal } from "@/components/Reveal";
 import { SiteHeader } from "@/components/SiteHeader";
 import { SiteFooter } from "@/components/SiteFooter";
+import { MembershipModalButton } from "@/components/MembershipModalButton";
 import { getHighlightedMembers, getLivePromotions } from "@/lib/queries";
 
 export const dynamic = "force-dynamic";
@@ -456,11 +457,11 @@ export default async function AccueilPage() {
               Rejoignez plus de 120 commerçants et entreprises qui font réseau, se rencontrent et réussissent
               ensemble.
             </p>
-            <a
-              href="#"
+            <MembershipModalButton
+              label="Devenir adhérent"
               className="font-display lift-cta"
               style={{
-                textDecoration: "none",
+                border: "none",
                 background: "#fff",
                 color: "#9a6638",
                 fontWeight: 700,
@@ -469,9 +470,7 @@ export default async function AccueilPage() {
                 borderRadius: 12,
                 display: "inline-block",
               }}
-            >
-              Devenir adhérent
-            </a>
+            />
           </Reveal>
         </section>
       </div>