Merged in release/2024-03-14 (pull request #2161)

Release/2024 03 14

client/src/components/header/header.component.jsx

@@ -623,6 +623,7 @@ function Header({
       key: "recent",
       id: "header-recent",
       icon: <ClockCircleFilled />,
+      label: t("menus.header.recent"),
       children: recentItems.map((i, idx) => ({
         key: idx,
         id: `header-recent-${idx}`,
@@ -633,6 +634,7 @@ function Header({
       key: "user",
       id: "header-user",
       icon: <UserOutlined />,
+      label: t("menus.currentuser.profile"),
       children: [
         {
           key: "signout",

client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx

@@ -140,7 +140,7 @@ export default function JobWatcherToggleComponent({
   );
 
   return (
-    <Popover content={popoverContent} trigger="click" open={open} onOpenChange={setOpen}>
+    <Popover placement="topRight" content={popoverContent} trigger="click" open={open} onOpenChange={setOpen}>
       <Tooltip title={t("notifications.tooltips.job-watchers")}>
         <Button
           shape="circle"

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

@@ -51,7 +51,7 @@ const NotificationCenterComponent = forwardRef(
             <div className="notification-content">
               <Title level={5} className="notification-title">
                 <span className="ro-number">
-                  {t("notifications.labels.ro-number", { ro_number: notification.roNumber })}
+                  {t("notifications.labels.ro-number", { ro_number: notification.roNumber || t("general.labels.na") })}
                 </span>
                 <Text type="secondary" className="relative-time" title={DateTimeFormat(notification.created_at)}>
                   {day(notification.created_at).fromNow()}

client/src/contexts/SocketIO/useSocket.jsx

@@ -299,7 +299,9 @@ const SocketProvider = ({ children, bodyshop, navigate, currentUser, scenarioNot
                       .catch((e) => console.error(`Error marking notification read: ${e?.message || ""}`));
                   }}
                 >
-                  {t("notifications.labels.notification-popup-title", { ro_number: jobRoNumber })}
+                  {t("notifications.labels.notification-popup-title", {
+                    ro_number: jobRoNumber || t("general.labels.na")
+                  })}
                 </div>
               ),
               description: (