fix: Markdown paragraph spacing issue in recipe notes

[cnorteye]

What type of PR is this?

• bug

What this PR does / why we need it:

This PR addresses an issue where single-line breaks in recipe notes caused incorrect paragraph spacing. The following changes were made:

Added a preprocessMarkdown function to RecipeNotes.vue to convert single line breaks into double line breaks for proper Markdown rendering.
Updated SafeMarkdown usage in RecipeNotes.vue to preprocess text before rendering.
These changes ensure that paragraphs are spaced correctly when rendering recipe notes.

Before:

After:


-->

Which issue(s) this PR fixes:

Fixes #2854
Fixes #2846

Special notes for your reviewer:

This PR is a continuation of #4664 which I mistakenly closed while trying to make some changes based on reviewers notes.

Testing

Since this was a UI improvement, I just observed the changes.

[michael-genson]

Thanks for the PR! One issue I've run into is that this breaks tables, lists, and other elements that rely on line breaks. For instance, here's a table before the change:

And after:

Markdown:

| Command | Description |
| --- | --- |
| git status | List all new or modified files |
| git diff | Show file differences that haven't been staged |

Maybe we need to only target double line breaks? (e.g. \n\n). I'd also be open to finding an alternative package to convert markdown to HTML that isn't this one (maybe another package handles line breaks better?).

[Kuchenpirat]

I had looked at this a few days ago and came to the same comclusion as michael, i also checked the live demo of the vue markdown package.
There the markdown is rendered as expected. I did not have time to look too deep into this but it might not be simply an issue with the package we are using.

Additionally vue-markdown has a prerender prop we might want to use. Just looks a bit cleaner.