Remove is hovered state on mouse leave instead of mouse out

Mouseleave and mouseout are similar but differ in that mouseleave does not bubble and mouseout does. This means that mouseleave is fired when the pointer has exited the element and all of its descendants, whereas mouseout is fired when the pointer leaves the element or leaves one of the element's descendants (even if the pointer is still within the element).

We were running into issues where navigation link li tag is hovered classnames were being removed when hovering over the navigation link's text. Using mouseleave instead of mouseout resolves the problem

packages/block-editor/src/components/block-list/use-block-props/use-is-hovered.js

@@ -46,7 +46,7 @@ export function useIsHovered( ref ) {
 		}
 
 		if ( isHovered ) {
-			return addListener( 'mouseout', false );
+			return addListener( 'mouseleave', false );
 		}
 
 		if ( isOutlineMode || isNavigationMode ) {