fix(media): centre gravite auteurs + bouton vue partagee + poignee draggable barre

- CartePensees.vue : pre-positionner auteurs sur ecole.x_hint/y_hint + jitter 80px pour eviter le rush initial vers la droite au chargement
- media.vue : bouton Vue partagee repositionne entre Carte plein ecran et Chatbot plein ecran, style homogene avec les autres boutons
- media.vue : poignee draggable sur barre separation carte/chatbot en mode split - ratio clamp 20/80, localStorage media-split-ratio, triggerResize D3 au mouseup, desactivee sur mobile

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

components/CartePensees.vue

@@ -166,11 +166,18 @@ async function initGraph() {
   })
 
   // ---- SIMULATION D3 (auteurs) ----
-  const auteurNodes: any[] = props.data.auteurs.map(a => ({
-    id: a.id, type: 'auteur', nom: a.nom, dates: a.dates, bio_courte: a.bio_courte,
-    ecole_principale: a.ecole_principale,
-    color: ecoleMap.get(a.ecole_principale)?.color ?? '#888', r: 11,
-  }))
+  // Pre-positionner chaque auteur pres de son ecole + jitter aleatoire pour eviter le rush initial vers la droite
+  const auteurNodes: any[] = props.data.auteurs.map(a => {
+    const ecole = ecoleMap.get(a.ecole_principale)
+    const jitter = () => (Math.random() - 0.5) * 80
+    return {
+      id: a.id, type: 'auteur', nom: a.nom, dates: a.dates, bio_courte: a.bio_courte,
+      ecole_principale: a.ecole_principale,
+      color: ecole?.color ?? '#888', r: 11,
+      x: W * (ecole?.x_hint ?? 0.5) + jitter(),
+      y: H * (ecole?.y_hint ?? 0.5) + jitter(),
+    }
+  })
 
   // Liens appartenance auteur -> ecole (vers centroid fixe)
   const links: any[] = []