Merged in feature/IO-3103-Ant5-Notifications (pull request #2071)

feature/IO-3103-Ant5-Notifications

client/src/pages/manage/manage.page.component.jsx

@@ -1,4 +1,5 @@
-import { FloatButton, Layout, notification, Spin } from "antd";
+import { FloatButton, Layout, Spin } from "antd";
+
 // import preval from "preval.macro";
 import React, { lazy, Suspense, useContext, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -27,7 +28,7 @@ import "./manage.page.styles.scss";
 import WssStatusDisplayComponent from "../../components/wss-status-display/wss-status-display.component.jsx";
 import { selectAlerts } from "../../redux/application/application.selectors.js";
 import { addAlerts } from "../../redux/application/application.actions.js";
-
+import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 const JobsPage = lazy(() => import("../jobs/jobs.page"));
 
 const CardPaymentModalContainer = lazy(
@@ -122,6 +123,7 @@ export function Manage({ conflict, bodyshop, alerts, setAlerts }) {
   const { t } = useTranslation();
   const [chatVisible] = useState(false);
   const { socket, clientId } = useContext(SocketContext);
+  const notification = useNotification();
 
   // State to track displayed alerts
   const [displayedAlertIds, setDisplayedAlertIds] = useState([]);
@@ -177,7 +179,7 @@ export function Manage({ conflict, bodyshop, alerts, setAlerts }) {
         });
       });
     }
-  }, [alerts, displayedAlertIds]);
+  }, [alerts, displayedAlertIds, notification]);
 
   useEffect(() => {
     const widgetId = InstanceRenderManager({