fix(v14-cde): Carte O cadre + bouton replier desktop + drag mouseup fix + manifeste preview event + transitions

- C1 : cadre 1px #CBD5E1 + radius 6px autour section centre-haut (Carte O zone).
  Force tuning CarteO.vue : forceX/Y strength 0.05 -> 0.08, collide radius +12 -> +14
  pour mieux contenir les nodes dans le cadre visible.
- C2 : bouton toggle Carte O desktop (icone triangle dans le bandeau, a cote de la legende).
  Replie a flex 0 0 36px (header reste visible, body masque avec opacity 0).
  Persistance sessionStorage 'tf-carte-o-collapsed'.
- D  : fix drag handle qui ne se decliquait pas au mouseup. Listeners poses sur window
  (vs document) + ajout pointerup/mouseleave/blur/mouseenter-buttons-0 pour couvrir
  tous les flux utilisateur (sortie iframe, perte focus, relache hors-page).
  Suspension transitions CSS pendant le drag (pas de lag).
- E1 : PreviewArticle hydration client:load (vs client:visible) - le v-if rendait
  l'IntersectionObserver aveugle, donc les listeners 'preview-open' n'etaient jamais
  installes. Resultat : clic manifeste -> preview ne s'ouvrait pas.
- E2 : Transition Vue preview-fade (opacity + translateY 8px, 250ms ease) +
  transitions CSS flex-basis 0.3s ease sur sections haut/bas pour smooth UX.

public/data/carte-o.json

@@ -1,6 +1,6 @@
 {
   "version": "1.1",
-  "generatedAt": "2026-05-11T18:07:36.883Z",
+  "generatedAt": "2026-05-11T22:29:46.546Z",
   "nodes": [
     {
       "id": "contrat-social-medecine-corps-social",