Add subheading for label sections

What does this MR do and why?

When adding and removing label filters we show the labels that are applied, that are to be applied and that are to be removed when "Apply" button is clicked. This MR adds small subheading that more clearly show the state of each of the labels.

Why?

I thought it was important to explicitly explain to the user the state of the filter because it took me a long time to understand why the labels were listed there and it was unclear to me why some labels have the color darkened and why some have a close button and others do not. I think these heading better communicate this information. This clearer explicit communication also makes the filter more accessible.

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
Screenshot_2025-03-05_at_21.08.33 Screenshot_2025-03-05_at_21.07.28

(Sorry the screenshots have the zoom call outline)

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

Related to #519777 (closed)

Edited by James Rushford

Merge request reports

Loading