Bug Report: Header Hamburger Menu Not Working on Mobile Devices

[itsMeBishal001]

---

Describe the bug
The header hamburger menu is not functioning correctly on mobile devices. It only shows on specific device widths and does not work properly on other devices. The drawer functionality is not triggering as expected.

To Reproduce
Steps to reproduce the behavior:

1. Open the application on a mobile device (or use developer tools to simulate a mobile device).
2. Click on the hamburger menu in the header.
3. Observe that the hamburger menu either does not appear or, if it does, clicking it does not open the drawer.

Expected behavior
The hamburger menu should be visible and functional on all mobile devices, allowing users to click it to open the drawer and navigate through menu options.

Screenshots
If applicable, add screenshots to help explain your problem.
![Hamburger Menu Issue Screenshot]
(

Desktop (please complete the following information):

• OS: [e.g. Windows 10]
• Browser: [e.g. Chrome, Safari]
• Version: [e.g. 91.0]

Smartphone (please complete the following information):

• Device: [e.g. iPhone 12]
• OS: [e.g. iOS 14.6]
• Browser: [e.g. Safari]
• Version: [e.g. 14.0]

Additional context

• The issue started occurring after the recent update.
• Enhance the UI of the drawer for better visual appeal and user experience on mobile devices.
• Ensure the hamburger menu is responsive and functional across all device sizes.

---