Fix [Cross-project] The request for Jobs monitoring is missing in the breadcrumbs menu

src/elements/BreadcrumbsDropdown/BreadcrumbsDropdown.js

@@ -64,10 +64,11 @@ const BreadcrumbsDropdown = forwardRef(
               listItem.id.toLocaleLowerCase().startsWith(searchValue.toLocaleLowerCase())
             )
             .map(listItem => {
+              const isSelected = selectedItem === listItem.id
               const dropdownItemClassNames = classnames(
                 'breadcrumbs__dropdown-item',
                 'data-ellipsis',
-                selectedItem === listItem.id && 'breadcrumbs__dropdown-item_selected'
+                isSelected && 'breadcrumbs__dropdown-item_selected'
               )
 
               return (
@@ -81,15 +82,17 @@ const BreadcrumbsDropdown = forwardRef(
                     className={dropdownItemClassNames}
                   >
                     <span>{listItem.label}</span>
-                    {selectedItem === listItem.id && <CheckmarkIcon className="checkmark" />}
+                    {isSelected && <CheckmarkIcon className="checkmark" />}
                   </a>
                 ) : (
                   <Link
                     to={
                       listItem.linkTo ||
                       `${link}/${listItem.id}${screen ? `/${screen}` : ''}${tab ? `/${tab}` : ''}`
                     }
-                    onClick={onClick}
+                    onClick={e => {
+                      isSelected ? e.preventDefault() : onClick(e)
+                    }}
                     id={listItem.id}
                     data-testid={`breadcrumbs-dropdown-item-${listItem.id}`}
                     key={listItem.id}
@@ -98,7 +101,7 @@ const BreadcrumbsDropdown = forwardRef(
                     <Tooltip template={<TextTooltipTemplate text={listItem.label} />}>
                       {listItem.label}
                     </Tooltip>
-                    {selectedItem === listItem.id && <CheckmarkIcon className="checkmark" />}
+                    {isSelected && <CheckmarkIcon className="checkmark" />}
                   </Link>
                 ))
               )

src/elements/BreadcrumbsDropdown/breadcrumbsDropdown.scss

@@ -34,6 +34,11 @@
 
     &_selected {
       font-weight: bold;
+
+      &:hover {
+        cursor: default;
+        background: white;
+      }
     }
 
     .checkmark {