feature/IO-3291-Tasks-Notifications: Checkpoint

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

@@ -169,6 +169,7 @@ function Header(props) {
         setTaskCenterVisible(false); // Close task center
         return;
       }
+
       if (isTaskCenterClick) {
         setNotificationVisible(scenarioNotificationsOn ? false : notificationVisible); // Close notification center if enabled
         return;
@@ -177,6 +178,7 @@ function Header(props) {
       if (taskCenterVisible && taskCenterRef.current && !taskCenterRef.current.contains(event.target)) {
         setTaskCenterVisible(false);
       }
+
       if (
         scenarioNotificationsOn &&
         notificationVisible &&
@@ -213,9 +215,10 @@ function Header(props) {
     },
     [handleMenuClick]
   );
+
   // --- Menu Items ---
 
-  // built externally to keep the component clean
+  // built externally to keep the component clean, but on this level to prevent unnecessary re-renders
   const accountingChildren = useMemo(
     () =>
       buildAccountingChildren({