Add MetadataControl

[vgromfeld]

Fixes #3688

Adds a control to display metadata separated by bullets like done in Groove Music or the Store.
The metadata list can contain actionable links.

Groove

Store

PR Type

What kind of change does this PR introduce?

• Feature

What is the new behavior?

I've added MetadataControl. It aggregates strings and commands separated by bullets ("•" / U+2022) in a TextBlock.
The commands are represented using Hyperlink items.
It receives the items to display as MetadataUnits through its MetadataControl.MetadataUnits property.

PR Checklist

Please check if your PR fulfills the following requirements:

• Tested code with current supported SDKs
• Pull Request has been submitted to the documentation repository instructions. Link:
• Sample in sample app has been added / updated (for bug fixes / features)
  • Icon has been created (if new sample) following the Thumbnail Style Guide and templates
• New major technical changes in the toolkit have or will be added to the Wiki e.g. build changes, source generators, testing infrastructure, sample creation changes, etc...
• Tests for the changes have been added (for bug fixes / features) (if applicable)
• Header has been added to all new source files (run build/UpdateHeaders.bat)
• Contains NO breaking changes

Other information

[ghost]

Thanks vgromfeld for opening a Pull Request! The reviewers will test the PR and highlight if there is any conflict or changes required. If the PR is approved we will proceed to merge the pull request 🙌

[michael-hawker]

Thanks @vgromfeld, this seems like an interesting control/use-case. Mind opening up a tracking issue as well for discussion on API usage? Going to mark as draft for now as well.

[michael-hawker]

@Kyaa-dost @RosarioPulella want to take this for a spin and add any thoughts or sign-off?

[Kyaa-dost]

Looks good to me 🚀 🚀

[ghost]

Hello @RosarioPulella!

Because this pull request has the auto merge :zap: label, I will be glad to assist with helping to merge this pull request once all check-in policies pass.

p.s. you can customize the way I help with merging this pull request, such as holding this pull request until a specific person approves. Simply @mention me (@msftbot) and give me an instruction to get started! Learn more here.

[mdtauk]

Hopefully the separating glyph is changeable

[michael-hawker]

Thanks @mdtauk for taking a look, yup there's a Separator property which configures that:

https://github.com/windows-toolkit/WindowsCommunityToolkit/pull/3686/files#diff-4963bd8033cbffcab9fad275c6afd9a956654daf27125ba4228c650dc09f1c20R25-R29

[michael-hawker]

@vgromfeld when you have a chance can you open a docs PR for this? There's a template here Thanks!

[vgromfeld]

@michael-hawker done: MicrosoftDocs/WindowsCommunityToolkitDocs#537 :).