Feature color cylc message bubbles

[markgrahamdawson]

Closes https://github.com/cylc/cylc-ui/issues/1276

Moved the message chip into a new component Added functionality to style based on props

Note - at the moment the 'level' isn't coming through from the api so chip color is decided based on message label. This will need addressing in the future.

Check List

• [x] I have read CONTRIBUTING.md and added my name as a Code Contributor.
• [x] Contains logically grouped changes (else tidy your branch by rebase).
• [x] Does not contain off-topic changes (use other PRs for other changes).
• [x] Tests are included (or explain why tests are not needed).
• [x] CHANGES.md entry included if this is a change that can affect users
• [x] no docs needed
• [x] If this is a bug fix, PR should be raised against the relevant ?.?.x branch.

[MetRonnie]

Converted to draft pending resolution of https://github.com/cylc/cylc-flow/pull/5714