Missing focus state on drawer and document tabs

Currently, we are hiding the outline on both nuxeo-page-item and nuxeo-menu-icon. This makes it impossible to understand which item is focused when we are tabbing between them using the keyboard, which constitutes an accessibility violation

The decision of hiding the outlines on these elements is related to the undesirable effect of having the outline active when the element has triggered through mouse/touchpad.

A possible solution to solve this behavior and limit the focus state only to keyboard interactions is to use the new focus-visible CSS property.

However, this new property is still not supported on Safari

There is a polyfill provided by the WICG from W3C, but we might have some problems implementing automatically using shadow dom

We need to investigate and test the polyfill and come up with a strategy for the focus management indication, since we will have, for sure, more places with the same problem.