Label navigation should be split into active and archived

• Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA. As a benefit of being a GitLab Community Contributor, you receive complimentary access to GitLab Duo.

What does this MR do and why?

This MR splits the label navigation into active and archived labels.

For archived labels, it hides the prioritized labels div. Labels are automatically deprioritized when archived, so this div is not necessary.

🛠️ with ❤️ at Siemens

References

• Split active and archived labels (#554227 - closed)
• Archived labels (#4233)

Screenshots or screen recordings

Archived view with a label

Empty archived view

How to set up and validate locally

1. Enable feature flag via rails c:

Feature.enable(:labels_archive)

1. Edit an existing label. With the GDK seed data, you can go to https://gdk.test:3443/gitlab-org/gitlab-shell/-/labels. Choose edit and toggle the Archived checkbox.
2. Now you should no longer see the label in the Active tab, but in the Archived tab.

MR acceptance checklist

MR Checklist ( @nwittstruck)

• Changelog entry added, if necessary
• Documentation created/updated via this MR
• Documentation reviewed by technical writer or follow-up review issue created
• Tests added for this feature/bug
• Tested in all supported browsers
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the javascript style guides
• Conforms to the database guides

Related to #554227 (closed)