Chat messages consisting of multiple lines are displayed in columns in the chat sidebar

[Exairnous]

Description
When a chat message is composed with multiple lines and sent, each line is then displayed as its own column in the chat sidebar instead of on separate rows. Chat messages are also displayed right to left in the chat sidebar for the sender (they are correctly displayed left to right for the receiver).

To Reproduce
Steps to reproduce the behavior:

1. Enter a Hubs room. Duplicate the tab if you want to observe the messages as both the sender and receiver.
2. Open the chat.
3. Compose and send a multi-line message (new lines can be added by pressing Shift+Enter).
4. See that each line makes up it's own column (long lines and many of them make long thin columns, short lines make it seam as if the new lines are ignored as everything appears run together on one row).

Expected behavior
Multi-line chat messages should be displayed in the chat sidebar with each line below the other instead of side by side in columns.

Screenshots
Sender - Bug:

Receiver - Bug:

Sender - Correct:

Hardware

• Device: Laptop
• OS: GNU/Linux
• Browser: Firefox and Chromium

Additional context
Potentially caused by #6511