Hide Wazuh breadcrumb label and Wazuh api selector css fix (#3347)

* Change css breadcrumb selector + Wazuh api selector css fix

CHANGELOG.md

@@ -46,6 +46,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Fixed error agent view does not render correctly  [#3306](https://github.com/wazuh/wazuh-kibana-app/pull/3306)
 - Fixed miscalculation in table column width in PDF reports  [#3326](https://github.com/wazuh/wazuh-kibana-app/pull/3326)
 - Normalized visData table property for 7.12 retro-compatibility  [#3323](https://github.com/wazuh/wazuh-kibana-app/pull/3323)
+- Fixed Wazuh main menu and breadcrumb render issues [#3347](https://github.com/wazuh/wazuh-kibana-app/pull/3347)
 
 ## Wazuh v4.2.0 - Kibana 7.10.2 , 7.11.2 - Revision 4201
 

public/styles/component.scss

@@ -109,4 +109,13 @@
 
 kbn-dis doc-table .kbnDocViewer__warning {
     display: none;
+}
+
+/* Custom Breadcrumb styles*/
+.header__breadcrumbsWithExtensionContainer .euiHeaderBreadcrumbs {
+    flex-grow: 1;
+    margin-right: 12px;
+}
+.header__breadcrumbsWithExtensionContainer .header__breadcrumbsAppendExtension {
+    flex-grow: 0;
 }

public/utils/wz-logo-menu.js

@@ -13,10 +13,10 @@
 // Remove Kibana Wazuh name and breadcrumb
 export const changeWazuhNavLogo = () => {
   const interval = setInterval(() => {
-    const nav = $('.euiHeader > .euiBreadcrumbs  > .euiBreadcrumb');
-    if (nav.length) {
+    const nav = document.querySelector('[data-test-subj="breadcrumbs"]  > .euiBreadcrumb');
+    if (nav) {
       clearInterval(interval);
+      nav.style.display = 'none';
     }
-    nav.hide();
   }, 200);
 };