Tag Management: Dynamic URL Preview

[ErisDS]

This is a sub issue of the tag management epic: #4248

Dev Note: to see the tag management UI you need to add tagsUI: true to your config.js file.

---

The tag settings menu which has been added as part of this work, has a dynamic URL preview in the description underneath the URL field:

• It lives inside a <p class="description"></p> beneath the field.
• It shows the true blog URL, the /tag/ prefix used for outputting tag archives, and the tag slug. It dynamically updates as the slug is changed.
• In order to save some space, the blog URL should be shown without the schema.
• As it is possible for the slug to be long, the preview needs to handle wrapping nicely.

I think there is some capacity to build this as a reusable component? There are similar things on the meta data screen and on the user profile. We may wish to add it to the post settings menu, and I can imagine there being other uses in future.

The component needs to know about a base URL, a prefix path like /tag/ or /author/ and slug property that it is supposed to observe and dynamically update. Whether or not to show the schema could be an option?