Fiche : « – 1995 » ne se coupe plus après le tiret ; bouton loupe nommé « Zoomer »

Une espace insécable seule ne suffit pas : Chrome coupe après un tiret demi-cadratin. Le gluon U+2060
devant l'espace insécable garde « – 1995 » d'un bloc (vu sur la fiche de Robert, démo, 1440 px).

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

frontend/src/components/PersonCard.jsx

@@ -631,7 +631,9 @@ const PersonCard = ({
     // <bdi> : un lieu en arabe ou en hébreu ne retourne pas l'ordre de la ligne (« 1980, الدار البيضاء · 46 ans »)
     if (born) parts.push(person.birthPlace ? <>{born}, <bdi>{formatPlace(person.birthPlace)}</bdi></> : born)
     if (!person.isAlive) parts.push(died || '?')
-    return parts.length ? parts.reduce((line, part) => <>{line} – {part}</>) : null
+    // « – 1995 » passe entier à la ligne : Chrome coupe après un tiret même suivi d'une espace insécable,
+    // le gluon U+2060 l'en empêche
+    return parts.length ? parts.reduce((line, part) => <>{line} –{'\u2060\u00a0'}{part}</>) : null
   })()
   const ageLabel = age === null ? null : person.isAlive ? t('{age} ans', { age }) : t('{age} ans au décès', { age })
   // Une seule ligne sous le nom : surnom, repères de vie, âge, séparés par un point médian

frontend/src/components/ZoomControl.jsx

@@ -139,7 +139,7 @@ export default function ZoomControl({ zoomApiRef }) {
       <button
         className="zoom-button"
         onClick={stepZoom}
-        aria-label={t('Contrôle du zoom')}
+        aria-label={t('Zoomer')}
       >
         <ZoomIn size={20} strokeWidth={1.5} className="zoom-btn-icon" />
       </button>

frontend/src/i18n/en/arbre.js

@@ -23,7 +23,7 @@ export default {
   'Lien': 'Link',
 
   // Contrôles
-  'Contrôle du zoom': 'Zoom control',
+  'Zoomer': 'Zoom in',
   'En cours': 'Loading',
 
   // Annotations