feat(about): render images in markdown

[Jolg42]

Closes #5710

Description

It looks to me that why it works in the "Support" section is because it's using this.markdownService.enhancedMarkdownToHTML()
https://github.com/Chocobozzz/PeerTube/blob/00ee545c2444c35ed0d37df9f91984246aa36124/client/src/app/shared/shared-support-modal/support-modal.component.ts

which has different rules set in

PeerTube/shared/core-utils/renderer/markdown.ts

Line 17 in 00ee545

export const ENHANCED_WITH_HTML_RULES = TEXT_WITH_HTML_RULES.concat([ 'image' ])

which allows image

So I changed the relevant line for the "About" page fields and now it works 🎊

Related issues

#5710

Has this been tested?

• 👍 yes, I added tests to the test suite
• 💭 no, because this PR is a draft and still needs work
• 🙅 no, because this PR does not update server code
• 🙋 no, because I need help
  Do we need to run or have a test for this?

Screenshots

Before

After

[Chocobozzz]

Thanks! Can you also update the admin to use these enhanced rules? https://github.com/Chocobozzz/PeerTube/blob/develop/client/src/app/%2Badmin/config/edit-custom-config/edit-instance-information.component.html#L127

[Jolg42]

@Chocobozzz thanks for the tip, I just did it and now on the admin the preview works too 🙌🏼

[Jolg42]

Note that I used markdownType="enhanced" (just checked it works on admin and public side) because [markdownType]="enhanced" would throw an error.

[Chocobozzz]

Thanks @Jolg42!