[CL-255] Opening a menu by mouse click shows an outline on the first submenu item (#8629)

libs/components/src/menu/menu-item.directive.ts

@@ -16,12 +16,12 @@ export class MenuItemDirective implements FocusableOption {
     "tw-bg-background",
     "tw-text-left",
     "hover:tw-bg-secondary-100",
-    "focus:tw-bg-secondary-100",
-    "focus:tw-z-50",
-    "focus:tw-outline-none",
-    "focus:tw-ring",
-    "focus:tw-ring-offset-2",
-    "focus:tw-ring-primary-700",
+    "focus-visible:tw-bg-secondary-100",
+    "focus-visible:tw-z-50",
+    "focus-visible:tw-outline-none",
+    "focus-visible:tw-ring",
+    "focus-visible:tw-ring-offset-2",
+    "focus-visible:tw-ring-primary-700",
     "active:!tw-ring-0",
     "active:!tw-ring-offset-0",
   ];