new tool timer & alert revamp

website/src/components/ToolboxModals.jsx

@@ -1,5 +1,6 @@
 // Rôle : fournit les modales globales liées aux toolboxes et confirmations.
 import { useEffect, useState } from "react";
+import { Icon } from "./Icon.jsx";
 import { lockBodyScroll } from "../utils/bodyScrollLock.js";
 
 function useModalScrollLock() {
@@ -23,10 +24,13 @@ export function ConfirmModal({ title, message, confirmLabel = "Confirmer", cance
   );
 }
 
-export function NotificationToast({ message }) {
+export function NotificationToast({ message, position = "right", onClose }) {
   return (
-    <div className="notification-toast" role="status" aria-live="polite">
-      {message}
+    <div className={`notification-toast is-${position === "left" ? "left" : "right"}`} role="status" aria-live="polite">
+      <span>{message}</span>
+      <button type="button" onClick={onClose} aria-label="Fermer l'alerte" title="Fermer">
+        <Icon name="close" />
+      </button>
     </div>
   );
 }