Fix: extra blank space rendering in note preview component

[fluiddot]

Fix

Fixes #2828

For rendering extra blank spaces properly in the note-preview component, the div used for rendering the note requires the CSS property white-space to be set to pre. This was already done in a wrapper div but it was being removed from DOM due to this effect.

To solve this, I created a new class for note-preview component that contains white-space: pre-wrap and is set to the parent div. Note that I'm using pre-wrap value because otherwise the content is not properly wrapped.

fix-white-space-issue.mp4

Test

1. Open a note
2. Add text
3. Indent some lines and/or add more than one space between words
4. Click on history button
5. Observe that extra blank spaces are properly displayed

Release

Fixed displaying extra blank spaces in history screen

[sandymcfadden]

This looks good and makes sense to me.
Works well in the revision preview and the markdown preview.