Add equipment planner toolbox module

website/src/features/toolboxes/modules/ImageAnnotationModule.jsx

@@ -1,6 +1,7 @@
 // Rôle : fournit l'outil annotation d'images avec marqueurs éditables.
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Icon } from "../../../components/Icon.jsx";
+import { Tooltip } from "../../../components/Tooltip.jsx";
 import { DrawingOverlay } from "./DrawingOverlay.jsx";
 
 function markerLabel(index, marker, textContent) {
@@ -160,14 +161,16 @@ export function ImageAnnotationModule({ toolboxId, moduleId, context, editing })
                 )}
               </div>
               {markers.map((marker, index) => (
-                <span
+                <Tooltip
+                  as="span"
                   key={marker.id}
                   className="annotation-marker"
+                  content={markerLabel(index, marker, textContent)}
+                  position="top"
                   style={{ "--marker-x": `${marker.x}%`, "--marker-y": `${marker.y}%` }}
-                  title={markerLabel(index, marker, textContent)}
                 >
                   {index + 1}
-                </span>
+                </Tooltip>
               ))}
               <DrawingOverlay
                 active={false}