Center health check indicator (#1179)

* refactor: center status indicator

* fix: health status menu alignement

* chore: add changelog entry

Author: rodrigofez

CHANGELOG.md

@@ -7,7 +7,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 ### Added
 
 - Support for Wazuh 5.0.0
-- Health check service [#811](https://github.com/wazuh/wazuh-dashboard/pull/811) [#866](https://github.com/wazuh/wazuh-dashboard/pull/866) [#961](https://github.com/wazuh/wazuh-dashboard/pull/961) [#1031](https://github.com/wazuh/wazuh-dashboard/pull/1031)
+- Health check service [#811](https://github.com/wazuh/wazuh-dashboard/pull/811) [#866](https://github.com/wazuh/wazuh-dashboard/pull/866) [#961](https://github.com/wazuh/wazuh-dashboard/pull/961) [#1031](https://github.com/wazuh/wazuh-dashboard/pull/1031) [#1179](https://github.com/wazuh/wazuh-dashboard/pull/1179)
 - Added Health Check plugin [#870](https://github.com/wazuh/wazuh-dashboard/pull/870) [#946](https://github.com/wazuh/wazuh-dashboard/pull/946)
 - Added manager host configuration for the default configuration file [#998](https://github.com/wazuh/wazuh-dashboard/pull/998)
 - Set v9 theme as default [#1092](https://github.com/wazuh/wazuh-dashboard/pull/1092)

src/plugins/healthcheck/public/components/button_header/health_check_nav_button.tsx

@@ -9,7 +9,7 @@ import {
   EuiButtonEmpty,
   EuiContextMenuPanel,
   EuiHeaderSectionItemButton,
-  EuiHealth,
+  EuiIcon,
   EuiPopover,
   EuiToolTip,
   EuiText,
@@ -58,7 +58,18 @@ export const HealthCheckNavButton = ({
 
   const isPlacedInLeftNav = coreStart.uiSettings.get('home:useNewHomePage');
 
-  const overallStatusIndicator = <EuiHealth color={mapTaskStatusToHealthColor(status)} />;
+  const overallStatusIndicator = (
+    <EuiIcon
+      style={{
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+      type="dot"
+      color={mapTaskStatusToHealthColor(status)}
+      aria-hidden
+    />
+  );
 
   // ToDo: Add aria-label and tooltip when isPlacedInLeftNav is true
   const button = (
@@ -132,6 +143,7 @@ export const HealthCheckNavButton = ({
         setPopoverOpen(false);
       }}
       panelPaddingSize="m"
+      panelStyle={{ marginLeft: '-1px' }}
     >
       {contextMenuPanel}
     </EuiPopover>