BUG: Drawer does not dismiss when tapping outside the overlay

### Is there an existing issue for this?

- [x] I have searched the existing issues

### What happened?

## Description

Currently, the sidebar drawer in the app can only be closed using the swipe gesture.

When the drawer is opened and the user taps outside the drawer area (on the overlay/background), nothing happens. In most mobile applications, tapping outside the drawer closes it automatically.

## Current Behavior

* Drawer opens successfully.
* Drawer closes only by swipe gesture.
* Tapping outside the drawer does not close it.

## Expected Behavior

The drawer should close when:

* user swipes the drawer, OR
* user taps outside the drawer area.

This would improve user experience and make the drawer behavior more intuitive.

## Steps to Reproduce

1. Open the app.
2. Open the sidebar/drawer.
3. Tap outside the drawer area.
4. Observe that the drawer remains open.

## Additional Context

I have attached a screen recording demonstrating the issue and my tap interactions.

## Video Demonstration

https://github.com/user-attachments/assets/ba3a68e5-f8c4-419e-b30e-b25eb110c60c

### Record

- [x] I agree to follow this project's Code of Conduct
- [ ] I'm a GSSOC'24 contributor
- [x] I want to work on this issue