Rounded status label

[petesfrench]

A pattern in Vanilla needs to be flexible enough that it can be used across a wide range of scenarios and shouldn't be constrained to a specific number of applications.

Visual

Context

There is a use case for an non-clickable rounded status label on some pages on u.com. With the help of Lyubo I made the example attached. You can see the code I used in the PR

[danielmutis]

From WG meeting: we will review the visual design of the current status label to match this design. This will allow designers and devs to change the colour of the background to non-system colours and change the font size. It will also feature rounded corners to look closer to the chips and the badges, but it won't have a border like the chips so that it's clear that they aren't clickable.