fix(ui): keep inline toolbar visible when popover is open

- add `toolbarPinnedRef` in BlockEditor to prevent toolbar from closing while a popover is focused
- pass `onPinChange` callback to InlineToolbar to toggle the pinned state
- notify parent via `onPinChange` whenever popover state changes
- remove rect-change effect that was incorrectly closing popovers on selection update

src/shared/components/BlockEditor/inline/Toolbar.client.js

@@ -22,12 +22,16 @@ const SIMPLE_BUTTONS = [
   { type: 'code', label: '</>', title: 'Code (Ctrl+E)', className: 'font-mono text-[11px]' },
 ];
 
-export default function InlineToolbar({ rect, activeMarks, onToggleMark }) {
+export default function InlineToolbar({ rect, activeMarks, onToggleMark, onPinChange }) {
   const ref = useRef(null);
   const [pos, setPos] = useState({ top: 0, left: 0, flipped: false });
   const [popover, setPopover] = useState(null); // 'color' | 'highlight' | 'link' | null
   const [linkUrl, setLinkUrl] = useState('');
 
+  useEffect(() => {
+    onPinChange?.(popover !== null);
+  }, [popover, onPinChange]);
+
   useLayoutEffect(() => {
     if (!rect || typeof window === 'undefined') return;
     const width = ref.current?.offsetWidth ?? 280;
@@ -47,8 +51,6 @@ export default function InlineToolbar({ rect, activeMarks, onToggleMark }) {
     setPos({ top, left, flipped: flipBelow });
   }, [rect]);
 
-  // Ferme un popover ouvert quand la sélection change (rect change).
-  useEffect(() => { setPopover(null); }, [rect?.top, rect?.left]);
 
   function isActive(type, payloadKey) {
     if (!Array.isArray(activeMarks)) return false;