feature/IO-3096-GlobalNotifications - Checkpoint

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

@@ -22,7 +22,6 @@ const NotificationCenterComponent = ({
   const { t } = useTranslation();
 
   const renderNotification = (index, notification) => {
-    console.log("Rendering notification at index:", index, notification);
     return (
       <List.Item
         key={`${notification.id}-${index}`}
@@ -58,12 +57,10 @@ const NotificationCenterComponent = ({
     );
   };
 
-  console.log("NotificationCenterComponent render:", { notifications, loading, error, showUnreadOnly });
-
   return (
     <div className={`notification-center ${visible ? "visible" : ""}`}>
       <div className="notification-header">
-        <h3>{t("notifications.labels.new-notification-title")}</h3>
+        <h3>{t("notifications.labels.notification-center")}</h3>
         <div className="notification-controls">
           <Checkbox checked={showUnreadOnly} onChange={(e) => toggleUnreadOnly(e.target.checked)}>
             {t("notifications.labels.show-unread-only")}

client/src/components/notification-center/notification-center.styles.scss

@@ -2,7 +2,7 @@
   position: absolute;
   top: 64px;
   right: 0;
-  width: 600px;
+  //width: 600px;
   background: #fff; /* White background, Ant’s default */
   color: rgba(0, 0, 0, 0.85); /* Primary text color in Ant 5 */
   border: 1px solid #d9d9d9; /* Neutral gray border */