issue #2769: implemented mega menu drop down with transparent background

[Soumyodeep-Das]

What has changed?

Enhanced the navigation menu with the following improvements:

1. Customized mega menu dropdowns for each section (Products, Solutions, Developers, Resources)
2. Added consistent hover effects and transitions
3. Added configurable dimensions for each menu item
4. Added delay in dropdown menu disappearance for better user experience
5. Improved accessibility and responsive design
6. Ensured proper dark mode support

This PR Resolves #2769

Type of change

• Improvising the navbar of keploy.io/docs which now nearly equal to keploy.io 's navbar. (Though more improvement is needed)

How Has This Been Tested?

1. Run npm run build:

   • Build completed successfully
   • No compilation errors or warnings

2. Run npm run serve:

   • Site loads correctly
   • All navigation elements work as expected
   • Hover effects and transitions are smooth
   • Dropdowns appear and disappear with proper timing
   • Dark mode functions correctly

(Screenshots to be added)

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.

[github-actions]

Thank you and congratulations 🎉 for opening your very first pull request in keploy

[pratik-mahalle]

Hey @Soumyodeep-Das, Thanks for raising the pr. This looks good for me. Please make sure to sign the DCO before pushing the changes. Please make that change and let me know once you do this!

[Soumyodeep-Das]

Hey @pratik-mahalle I have signed off the DCO, also revamped the Navbar, now it looks a lot more modern and visually appealing.
Have a look on the new screenshots.