feat: thème WhatsApp + fix envoi rich/compact + nav shop + refactor

Theming
- Thème global piloté par variables CSS (:root + [data-theme]) appliqué via un
  attribut data-theme sur la racine app. Ajout du thème "WhatsApp" (bulles +
  palette verte, bulle sortante #005c4b) sans nouveau composant message.
- useTheme: type Theme étendu + THEME_LAYOUT (whatsapp = layout bulles).
- MessageList: sélection du composant par layout avec garde de repli
  (fini le <component :is="undefined">).
- Fix du thème "compact" cassé : nouveau MessageItemCompact.vue (variante dense).
- Surfaces migrées en variables : fond app/chat, header, bouton d'envoi, bulles.

Corrections
- Bug envoi rich/fichier : le backend exigeait un content texte non vide même
  en mode HTML/CSS/JS. Validation par présence (texte OU rich OU piece jointe) ;
  le front n'envoie plus d'espace bidon. Plus besoin de faux texte.
- Shop : suppression de "Tout voir", navigation forcee par categorie
  (defaut: Publicite).

Refactor (lisibilite)
- Parite perks backend (ip-colors, audio-alert, send-skin-*) ; /api/shop/me
  renvoie myPerks precalcule ; le front consomme directement (suppression de la
  derivation dupliquee + nettoyage d'un artefact de merge dans useMessages).
- Coherence composable-singleton : myPerks lu via useMyPerks() partout.
- Extraction du composer de HomePage vers ChatComposer.vue (HomePage = layout).
- Helper type parseMeta<T>() pour les metaJson (moins de any).
- vue-tsc --noEmit : 0 erreur.

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

frontend/src/composables/useShop.ts

@@ -1,6 +1,7 @@
 import { ref } from 'vue';
 import { useWallet } from './useWallet';
 import { refreshMyPerks } from './useMessages';
+import { parseMeta, type ProductMeta } from './useMeta';
 
 /** Marketplace client: catalogue, my entitlements, purchase flow. */
 
@@ -84,10 +85,7 @@ export function useShop() {
   function ownedPetChars(): string[] {
     return entitlements.value
       .filter((e) => e.kind === 'pet' && e.active)
-      .map((e) => {
-        try { return (JSON.parse(e.metaJson ?? '{}') as any).char ?? ''; }
-        catch { return ''; }
-      })
+      .map((e) => parseMeta<ProductMeta>(e.metaJson).char ?? '')
       .filter(Boolean);
   }