Preset profiles in GUI

[tgreenx]

Purpose

This PR adds an FAQ item related to profiles for all languages, as well as making the "Profile" header in the General section of the Options an hyperlink to that new FAQ item.

A more elegant solution could be provided instead in the future, such as e.g. a clickable question mark icon next to it instead of an hyperlink.

Context

Documentation: zonemaster/zonemaster#1538
First preset profile definition: zonemaster/zonemaster-engine#1552
Preset profile configuration in Backend: zonemaster/zonemaster-backend#1261

Changes

• Add hyperlinks support for src/lib/components/Select/Select.svelte objects via the Svelte Snippet class
• Make Profile header an hyperlink in src/lib/components/DomainTest/General.svelte
• Add src/content/faq/*/profiles.md for all languages
• Update messages/*.json for all languages

How to test this PR

• Define one or several custom/preset profiles and make them available from the Backend (e.g. see related PRs in the Context section of this PR)
• Start the GUI
• Verify that the configured profiles appear in the dropdown list located in the Options of the domain test form.
• Verify that the Options header is clickable and points to the correct FAQ item in the selected language.

[tgreenx]

@rhedman @tbleckert Hello, could you have a look at this PR? Especially the code in src/lib/components/Select/Select.svelte, which should remain backward compatible with other objects of this class with just the label property. Or if you have a more elegant solution (e.g. clickable question mark icon next to it instead of an hyperlink?), that would be welcome! Thanks.

[matsduf]

I think the text should be more concrete and list the available profiles and give some short information on them. I think a typical user wants to have quick information and not take several steps to find out what is what.

[rhedman]

@rhedman @tbleckert Hello, could you have a look at this PR? Especially the code in src/lib/components/Select/Select.svelte, which should remain backward compatible with other objects of this class with just the label property. Or if you have a more elegant solution (e.g. clickable question mark icon next to it instead of an hyperlink?), that would be welcome! Thanks.

@tgreenx I think this solution should be fine.

[tbleckert]

@rhedman @tbleckert Hello, could you have a look at this PR? Especially the code in src/lib/components/Select/Select.svelte, which should remain backward compatible with other objects of this class with just the label property. Or if you have a more elegant solution (e.g. clickable question mark icon next to it instead of an hyperlink?), that would be welcome! Thanks.

@tgreenx I think this solution should be fine.

Looks good to me as well.