[BUG] <a> cannot appear as a descendant of <a> in MobileNavMenu

[KishanInnovates]

Describe the bug.

When clicking the hamburger menu on the website, a React warning appears:
Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>

This happens because components are being wrapped inside another tag, causing improper nesting.

Expected behavior

The navigation menu should open without any React warnings or errors related to improper nesting.

Screenshots

How to Reproduce

1. Run the project locally.
2. Click on the hamburger menu.
3. Observe the React warning in the console.

🥦 Browser

Google Chrome

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[KishanInnovates]

@anshgoyalevil @devilkiller-ag Can you please review this issue so I can raise a PR

[devilkiller-ag]

Hi @KishanInnovates, you can go ahead with it and open a PR.