User Story

As a user I want to manipulate design elements related to filtering watchlist by label

Acceptance criteria

• there is a new "labels" icon beside "namespaces" and "tags" in the filtering toolbar
• there is a new item with the "labels" icon at the bottom of the filters list under "advanced filters"
• typing = in the filter toolbar, or clicking the "labels" icon, will bring up the labels filter dropdown
  • the labels filter dropdown will contain all labels that the currently logged-in user has added via label manager, whether they have associated watchlist items or not
  • clicking on any of the checkboxes will insert the checkbox's name prepended with = as a filter chip
  • clicking x in any of the relevant filter chips will remove the chip and untick the corresponding checkbox
  • clicking < at the top of the labels filter dropdown brings you to the normal filters list
  • above the list of labels there will be an "exclude selected" and a "highlight results" button
    • clicking "exclude selected" will prepend "not" to the selected label filters
    • clicking "highlight results" will allow the user to choose a colour for label filters whether they are selected or not
• if the user has some labels selected and saves the filter, and then changes the filters and clicks "saved filters" and then the name of the saved filter, the label chips corresponding to the filter will be loaded

Details for QA

This isn't really testable without its corresponding backend ticket

Designs

Full designs here https://www.figma.com/design/CdyroPkkcT7GJA9bwno0Rq/WE1.4-Task-priotization?node-id=327-15767&p=f&t=it3KLwgfVRsWHUqn-0