Allow users to add labels to Tests + Test Suites

[fivenp]

Describe the enhancement you'd like to see We would like our users to be able to add labels to their testkube tests + test suites on the UI. (Labels help to categorise and bundle/cluster resources together to be able to target later actions easier (e.g. filters, etc))

The ux should follow this example here: https://baseweb.design/components/select/#select-creatable-multi-pick

• The user can select existing labels (for the beginning let's just include testkube labels – not cluster wide labels)
• The user can also create a new label in here
• Be aware – the user can only create a new label if there's a : separator in his string

I tried to mock all cases and scenarios in Figma: https://www.figma.com/file/asfUPepLHtyutWWR0pNGfK/Testkube-V2?node-id=1485%3A98952

This affects the following views:

1. Test Creation
2. Test Suite Creation
3. Test Settings
4. Test Suite Settings
5. We do also need to change how we display labels across the UI (e.g. page title, entity cards, etc) (for example here: https://www.figma.com/file/asfUPepLHtyutWWR0pNGfK/Testkube-V2?node-id=8%3A10291)

Additional context

[olensmar]

i'm sure you've discussed this but it's not spelled out in the issue: why do users need labels? what problems could labels solve? i.e. "As a Tester or DevOps engineer I need labels to help me do what?"

[fivenp]

Very well said (and adapted)... We do already have the functionality to add labels on the API + CLI / CRD – so this is more of a catch up feature on the UI. But as you mentioned – we could def. guide our users a little bit better within the UI and explain them why they'd need labels.