ChatMessages: Add line breaks. [Easy/Med]

[PPartisan]

The Chat Messages view should add line breaks to messages so that users do not need to scroll horizontally to read messages.

Add unit tests. Consider situations where users write very long sentences with no spaces.
Consider code reuse, as we also add line breaks to text in other parts of our app.

[PPartisan]

To replicate this problem, send a long message without any whitespace in the "Send Messages" box. You'll see it forms a single line on the "View Messages" output, and shows a horizontal scroll bar at the bottom. This ticket is to break any long lines like this into separate lines (line breaks) to prevent that horizontal scrollbar from appearing.

A good place to start could be the read.observe() chain in ViewMessagesPresenter:

            read.observe()
                .filter { it.isOk }
                .map { it.item }
                .map { str ->
                    /*Split strings onto separate lines if too long here? */
                }
                .map(::Messages)
                .collect { message ->
                    withContext(dispatchers.main) {
                        withView { it.show(message) }
                    }
                }

Think about designing this function or class in a way it can be effortlessly reusable, and some other parts of the app need similar "line break" behaviour.

For testing, consider edge cases like:

• Continuous text with no whitespace
• Text that already contains line breaks, mixed in with lines are too long
• Lines that fall under the max line length
• Continuous text with whitespace (aside from line breaks)