Rules list: Add filtering by (multiple) tags

[d51x]

Closes #2123.

This adds filtering by tags to the rules list, the filter is inside an accordion.
In case you select multiple tags, the filter behaves like OR, which means all rules which have at least one of the selected tags are displayed.
In case you use the searchbar, the rules list will be narrowed down to the rules which match the search query and have the selected tags.

[relativeci]

Job #1265: Bundle Size — 15.81MiB (+0.29%).

62865b6(current) vs b7270d2 main#1158(baseline)

Important

Bundle introduced 1 and removed 1 duplicate package – View changed duplicate packages

Warning

Bundle introduced 13 new packages: @jsep-plugin/regex, @jsep-plugin/arrow, @jsep-plugin/object and 10 more – View changed packages

Bundle metrics   10 changes 5 regressions 1 improvement

	Current Job #1265	Baseline Job #1158
Initial JS	1.89MiB(+13.11%)	1.67MiB
Initial CSS	609.63KiB(+0.12%)	608.89KiB
Cache Invalidation	93.81%	93.95%
Chunks	217(-0.91%)	219
Assets	683(-0.87%)	689
Modules	3027(+78.06%)	1700
Duplicate Modules	173(+92.22%)	90
Duplicate Code	1.61%(-17.44%)	1.95%
Packages	152(+10.14%)	138
Duplicate Packages	16(+6.67%)	15

Bundle size by type   3 changes 3 regressions

	Current Job #1265	Baseline Job #1158
JS	9.28MiB (+0.31%)	9.25MiB
Other	4.74MiB (+0.33%)	4.73MiB
CSS	860.87KiB (+0.16%)	859.49KiB
Fonts	526.1KiB	526.1KiB
Media	295.6KiB	295.6KiB
IMG	140.74KiB	140.74KiB
HTML	1.23KiB	1.23KiB

---

View job #1265 report View d51x:rules_group_by_semantic branch activity

[florian-h05]

LGTM, thanks! Nice contribution.

To save me some time, I decided to implent my review:

• I removed sort by semantics (as I want to generally remove semantics for rules) and sort by tags (as this is type of duplicated functionality of the tag filter).
• For the tag filter, I cleaned-up and refactored the code a bit, and removed the capitalization of the tags.
• I added a "Reset filter" functionality for convenience. I don't want to unselect all tags by hand ;-)
• I wrapped the tag filter inside an accordion, so the filter does not need much space by default, when you need it, just open the accordion.

BTW I can imagine having this capability implemented for pages and Items as well. In that case, the filtering should be refactored into a mixin and Vue component to avoid code duplication.

[florian-h05]

This is how it looks now.