Improper layering and backdrop handling in hamburger menu component

### issue :
<img width="1366" height="768" alt="Image" src="https://github.com/user-attachments/assets/4e290a4b-aa84-4668-b176-66fbf806e9b9" />

### fix:

https://github.com/user-attachments/assets/0f98a9df-c127-463c-abe5-ca283dc7496b

@KanishkSogani I have proposed a fix please check : #30
Thankyou