Menubar: Menubar submenu shows wrong appearance and behaviour when drawn over a ScrollPanel component

[DomenicoMammola]

Describe the bug

Hi,
if a Menubar is put before a ScrollPanel, when the submenu is displayed it looks transparent and cannot be clicked or sometimes it is drawn below the ScrollPanel.
I've reproduced the first case in the stackblitz project. You must enlarge the preview panel or you have to open the preview in a new tab of the browser.

Reproducer

https://stackblitz.com/edit/qudcfu?file=src%2FApp.tsx

PrimeReact version

10.7.0

React version

17.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Click on a MenuItem of a MenuBar which have a submenu.

Expected behavior

The submenu should be shown opaque, all items should be visible and clickable.

[Rekl0w]

PR submitted.