My StackBlitz
https://stackblitz.com/edit/vitejs-vite-39yyir?file=src%2Fcomponents%2FHeader%2FNavigationBar.jsx
The problem.
Sub-menu is not clickable. As soon as you move the mouse, the menu collapses.
This is with Vite/React project
I have modified your code here and commented out some conflicting logic.