feature/IO-3096-GlobalNotifications -Read Status Sync accross all clients.

client/src/components/notification-center/notification-center.component.jsx

@@ -1,10 +1,8 @@
-// notification-center.component.jsx
-import React from "react";
 import { Virtuoso } from "react-virtuoso";
-import { Button, Checkbox, List, Badge, Typography, Alert } from "antd";
+import { Alert, Badge, Button, Checkbox, List, Typography } from "antd";
 import { useTranslation } from "react-i18next";
-import "./notification-center.styles.scss";
 import { Link } from "react-router-dom";
+import "./notification-center.styles.scss";
 
 const { Text, Title } = Typography;
 
@@ -42,10 +40,11 @@ const NotificationCenterComponent = ({
             >
               <Link
                 to={`/manage/jobs/${notification.jobid}`}
-                target="_blank"
                 onClick={(e) => {
-                  e.stopPropagation(); // Prevent List.Item click handler from firing
-                  !notification.read && onNotificationClick(notification.id); // Mark as read when link clicked
+                  e.stopPropagation();
+                  if (!notification.read) {
+                    onNotificationClick(notification.id);
+                  }
                 }}
               >
                 RO #{notification.roNumber}