TieredMenu initial hover is broken

[Thorski]

I'm submitting a ... (check one with "x")
[X] bug report => Search github for a similar issue or PR before submitting

Plunkr Case (Bug Reports)
Please demonstrate your case at stackblitz by using the issue template below. Issues without a test case have much less possibility to be reviewd in detail and assisted.

Can be seen at the showcase (using 10.0.3):
https://www.primefaces.org/primeng/showcase/#/tieredmenu

And correct behavior shown on stackblitz just clicking the stackblitz tab on the above showcase page.
https://stackblitz.com/edit/primeng-tieredmenu-demo

Steps:

1. Click 'Show' to popup the menu
2. Hover over 'File'
3. Observe the next level does/does not pop up.

In 10.0.2 and before, it does pop up.
In 10.0.3 it does NOT pop up. Unless you click once and then henceforth all hovering works.

The problem is in the onItemMouseEnter which used to check the popup but now will never set the activeItem if it is root.

In 10.0.2 it checked this.tieredMenu.popup in onItemMouseEnter and I think that check should be in 10.0.3 as follows:

    if (this.root) {
        if (this.tieredMenu.popup || this.activeItem) {
            this.activeItem = item;
        }
    }

Current behavior
See above example

Expected behavior
Hover should be consistent and not require a click the first time.

Minimal reproduction of the problem with instructions
See above example.

Please tell us about your environment:
Showcase and showcase stackblitz demo

• PrimeNG version: 10.0.2

• Browser:
  all

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  typescript