GrateWizard bloc dédié, messagerie libre, page numérique 3 piliers

- GrateWizard : lancement URL simple (plus de popup embed), bloc
  dédié violet sur la home entre axes et événement
- Messagerie : plus de champs obligatoires, plus de champ email
  séparé, hint email dans le message, remerciement onboarding
- Page /numerique : 3 piliers (Logiciel libre, WoT, Cloud libre)
  avec projets associés, remplace les extraits livre hors-sujet
- Admin : carte Messages ajoutée au dashboard
- Safelist icônes complétée

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

app/components/home/HomeMessages.vue

@@ -7,40 +7,36 @@
         <h3 class="font-display text-lg font-bold text-white mb-4">Laisser un message</h3>
 
         <form v-if="!submitted" class="space-y-3" @submit.prevent="send">
-          <div class="grid gap-3 sm:grid-cols-2">
-            <input
-              v-model="form.author"
-              type="text"
-              placeholder="Votre nom *"
-              required
-              class="msg-input"
-            />
-            <input
-              v-model="form.email"
-              type="email"
-              placeholder="Email (optionnel)"
-              class="msg-input"
-            />
-          </div>
+          <input
+            v-model="form.author"
+            type="text"
+            placeholder="Votre nom"
+            class="msg-input"
+          />
+          <p class="text-white/30 text-xs -mt-1 px-1">Pour recevoir une réponse, laissez votre e-mail dans le message.</p>
           <textarea
             v-model="form.text"
-            placeholder="Votre message *"
-            required
+            placeholder="Votre message"
             rows="3"
             class="msg-input resize-none"
           />
           <div class="flex justify-end">
-            <button type="submit" class="btn-primary text-sm" :disabled="sending">
+            <button type="submit" class="btn-primary text-sm" :disabled="sending || !canSend">
               <div v-if="sending" class="i-lucide-loader-2 h-4 w-4 animate-spin mr-2" />
               Envoyer
             </button>
           </div>
         </form>
 
-        <div v-else class="text-center py-4">
-          <div class="i-lucide-check-circle h-8 w-8 text-green-400 mx-auto mb-2" />
-          <p class="text-white/80">Merci pour votre message !</p>
-          <p class="text-white/40 text-sm mt-1">Il sera visible après modération.</p>
+        <div v-else class="text-center py-6">
+          <div class="i-lucide-heart-handshake h-10 w-10 text-primary mx-auto mb-3" />
+          <p class="text-white/90 font-display text-lg font-semibold">Merci pour votre message !</p>
+          <p class="text-white/55 text-sm mt-2 max-w-md mx-auto leading-relaxed">
+            Il sera lu et traité dans un délai... humainement raisonnable.
+          </p>
+          <p class="text-primary/60 text-xs mt-4 italic">
+            Chaque message est un premier pas dans l'aventure.
+          </p>
         </div>
       </div>
     </UiScrollReveal>
@@ -72,11 +68,14 @@
 <script setup lang="ts">
 const { data: messages } = await useFetch('/api/messages')
 
-const form = reactive({ author: '', email: '', text: '' })
+const form = reactive({ author: '', text: '' })
 const sending = ref(false)
 const submitted = ref(false)
 
+const canSend = computed(() => form.text.trim().length > 0)
+
 async function send() {
+  if (!canSend.value) return
   sending.value = true
   try {
     await $fetch('/api/messages', { method: 'POST', body: form })