[Bug]: Sidebar Closes but "Create New" Drawer Persists on Mobile View

In the mobile view of the Rocket.Chat app, when the sidebar is opened and the "Create New" button is clicked, the "Create New" drawer component appears as expected. However, clicking anywhere outside these components (e.g., on the main screen) closes the sidebar but leaves the "Create New" drawer open. This inconsistent behavior disrupts the user experience, as both components should ideally close together when clicking outside.

To Reproduce

Steps to reproduce the behavior:

1.Open the Rocket.Chat app in mobile view (e.g., browser dev tools with mobile emulation or on a mobile device).
2.Tap the hamburger menu to open the sidebar.
3.Click the "Create New" button within the sidebar at the top to open the "Create New" drawer.
4.Click anywhere outside both components (e.g., on the main content area).
5.Observe that the sidebar closes, but the "Create New" drawer remains open.

Expected Behavior

Clicking outside the sidebar and "Create New" drawer in mobile view should close both components simultaneously, providing a consistent and intuitive navigation experience.

Actual Behavior

The sidebar closes, but the "Create New" drawer stays visible, requiring an additional action (e.g., clicking a close button or back) to dismiss it.
Environment

Am i working on this?
YES

https://github.com/user-attachments/assets/48d4ffef-2a55-4d0c-9608-b285dad72dfd

Reproduce the issue in the Rocket.Chat app using mobile emulation: open the sidebar, open Create New, then click the main content area. Trace the sidebar and Create New drawer outside-click handling; done means both components close together without requiring a second action.