Notifications & room info panes as slide-over

[fuzzmz]

Is your suggestion related to a problem? Please describe.
Currently, on low resolution screens, or when the Element windows is narrow, opening the notifications/room info panes squeezes the main chat area. This can drastically reduce the usability of the app, by having messages span multiple lines.

Describe the solution you'd like
When the Element window is under a certain width, the notifications/room info panes should slide as an overlay over the main chat area instead of reducing its width.

[oxwivi]

Additionally, please note the empty, unused space dedicated to the avatar and read receipts columns. As such, I'd like to suggest that both name, avatars of the senders and the read receipts are folded into a single column under the same conditions OP describes, adding those information above and under their specific messages respectively. Element's Android app demonstrates this approach beautifully, as it does for the sliding panels OP mentioned in the community lists panel on the app.

Some websites implemented these sliding panels to be accessible to touch drag events, similar implementation here would also be welcome.