[New navigation] Use custom offset in EuiTooltip (elastic#234553)

## Summary

Implementing custom `EuiToolTip` following new functionality to be able
to customize tooltip distance
([eui](https://github.com/elastic/eui/pull/8988/files)).

Author: paulinashakirova

src/core/packages/chrome/navigation/src/components/side_nav/footer_item.tsx

@@ -16,6 +16,7 @@ import { EuiButtonIcon, EuiToolTip, useEuiTheme } from '@elastic/eui';
 import type { MenuItem } from '../../../types';
 import { useTooltip } from '../../hooks/use_tooltip';
 import { BetaBadge } from '../beta_badge';
+import { TOOLTIP_OFFSET } from '../../constants';
 
 export interface SideNavFooterItemProps extends Omit<EuiButtonIconProps, 'iconType'>, MenuItem {
   hasContent?: boolean;
@@ -81,6 +82,7 @@ export const SideNavFooterItem = forwardRef<HTMLDivElement, SideNavFooterItemPro
           onMouseOut={handleMouseOut}
           position="right"
           repositionOnScroll
+          offset={TOOLTIP_OFFSET}
         >
           {menuItem}
         </EuiToolTip>

src/core/packages/chrome/navigation/src/components/side_nav/primary_menu_item.tsx

@@ -18,6 +18,7 @@ import type { MenuItem } from '../../../types';
 import { MenuItem as MenuItemComponent } from '../menu_item';
 import { useTooltip } from '../../hooks/use_tooltip';
 import { BetaBadge } from '../beta_badge';
+import { TOOLTIP_OFFSET } from '../../constants';
 
 export interface SideNavPrimaryMenuItemProps extends MenuItem {
   as?: 'a' | 'button';
@@ -116,6 +117,7 @@ export const SideNavPrimaryMenuItem = forwardRef<HTMLAnchorElement, SideNavPrima
           onMouseOut={handleMouseOut}
           position="right"
           repositionOnScroll
+          offset={TOOLTIP_OFFSET}
         >
           {menuItem}
         </EuiToolTip>

src/core/packages/chrome/navigation/src/constants.ts

@@ -19,3 +19,4 @@ export const TOP_BAR_HEIGHT = 48;
 export const TOP_BAR_POPOVER_GAP = 8;
 export const BOTTOM_POPOVER_GAP = 17;
 export const POPOVER_OFFSET = 5;
+export const TOOLTIP_OFFSET = 4;