Add labels to configuration profiles in MSP dashboard

[noahtalerman]

Goal

User story
As help desk at a white label MSP,
I want to add labels to my configuration profiles
so that I can control the target of profiles like I can in the Fleet UI.

Objective

None. Not tied to a quarterly objective.

@noahtalerman: Why are we prioritizing it? Because some workflows are blocked for a Fleet customer (see original request)

Original request

• 21808

Context

• Product designer: @rachaelshaw

Changes

Product

• [x] Reference documentation changes: N/A
• [x] UI changes: Figma
• [x] CLI (fleetctl) usage changes: N/A
• [x] YAML changes: N/A
• [x] REST API changes: N/A
• [x] Fleet's agent (fleetd) changes: N/A
• [x] Activity changes: N/A
• [x] Permissions changes: N/A
• [x] Changes to paid features or tiers: Fleet Premium (MSP dashboard)

Engineering

• [x] Feature guide changes: No need
• [x] Database schema migrations: No need
• [x] Load testing: No need

ℹ️  Please read this issue carefully and understand it. Pay special attention to UI wireframes, especially "dev notes".

QA

Risk assessment

• Requires load testing: TODO
• Risk level: Low / High TODO
• Risk description: TODO

Manual testing steps

1. Step 1
2. Step 2
3. Step 3

Testing notes

Confirmation

1. [ ] Engineer (@____): Added comment to user story confirming successful completion of QA.
2. [ ] QA (@____): Added comment to user story confirming successful completion of QA.

[xpkoala]

Small bug found with @eashaw. After selecting and saving custom labels on the MSP dashboard, the changes are saved on the backend, but a refresh is required on the page to see those changes.

A video of the behavior can be seen here https://www.loom.com/share/7db77b6657ba44889eb2f75ea2fcd6c1

[eashaw]

@xpkoala Thank you! I pushed a fix for that issue to the PR.