Mobile UI Regression: Sidebar does not autoclose, cannot be swiped closed

Description:

Sidebar should autoclose upon room join, and menu should be swipeable from anywhere.

Steps to reproduce:

1. Be on a small screen or mobile device where the sidebar is not permanently visible.
2. Open sidebar.
3. Click channel.
4. You must now close it manually. Try to swipe within the boundary of the sidebar, does not work. Click on the room overlay itself (right side) - that works.

Expected behavior:

Swipe to close anywhere, or click to close on room name in list.

Actual behavior:

• Cannot swipe from within the sidebar, but tapping or swiping from outside it (on top of room) works
• Clicking on a room link does not close the sidebar, you have to close it yourself

Server Setup Information:

• Version of Rocket.Chat Server: 3.11.0-develop
• Operating System: ContainerOS
• Deployment Method: Docker
• Number of Running Instances: Scalable
• DB Replicaset Oplog: -
• NodeJS Version: 14
• MongoDB Version: Atlas

Client Setup Information

• Desktop App or Browser Version: Any small screen or mobile
• Operating System: Any

Additional context

None

Relevant logs:

None

No file or test is named. Start by reproducing the sidebar behavior on a small screen: open the sidebar, join a channel, and try swiping within its boundary and tapping the room area. Done means joining a room closes the sidebar and swiping from within it closes the menu.