feat(ui): Improved applications list filters

[rbreeze]

Updated applications list filters have been completely refactored to be more reliable and easier to maintain. They also have a new coat of paint and some usability enhancements:

Filters have been separated into sections to allow for clearing one set of filters without clearing every section. Additionally, counts do not change when filter is selected.

For text-based filters, filters you've added recently stick around after you've unchecked them (until page refresh):

Improved narrow screen view:

Checklist:

• Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this does not need to be in the release notes.
• The title of the PR states what changed and the related issues number (used for the release note).
• I've included "Closes [ISSUE #]" or "Fixes [ISSUE #]" in the description to automatically close the associated issue.
• I've updated both the CLI and UI to expose my feature, or I plan to submit a second PR with them.
• Does this PR require documentation updates?
• I've updated documentation as required by this PR.
• Optional. My organization is added to USERS.md.
• I have signed off all my commits as required by DCO
• I have written unit and/or e2e tests for my change. PRs without these are unlikely to be merged.
• My build is green (troubleshooting builds).

[codecov]

Codecov Report

Merging #6091 (e3bc1d4) into master (5bd2f61) will increase coverage by 0.04%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master    #6091      +/-   ##
==========================================
+ Coverage   41.25%   41.30%   +0.04%     
==========================================
  Files         156      156              
  Lines       20672    20688      +16     
==========================================
+ Hits         8529     8545      +16     
- Misses      10935    10936       +1     
+ Partials     1208     1207       -1     

Impacted Files	Coverage Δ
util/argo/argo.go	61.75% <0.00%> (ø)
pkg/apis/application/v1alpha1/types.go	57.89% <0.00%> (ø)
controller/appcontroller.go	53.36% <0.00%> (+0.09%)	⬆️
util/settings/settings.go	47.27% <0.00%> (+0.27%)	⬆️
server/application/logs.go	85.71% <0.00%> (+1.23%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5bd2f61...e3bc1d4. Read the comment docs.

[alexmt]

New filters look awesome! Added several comments.

Regarding useData. As I understand you want to replace DataLoader with useData eventually, correct? There is another important feature that is "missing": ability to "reload" when "input" changes. E.g.

useData(params.get('search'), (filter) => services.projects.list('items.metadata.name'))

Do you think it will be possible to support it in useData?

[alexmt]

Looks like something went wrong after merging laster code. UI looks strange:

[alexmt]

Can you fix more nitpicks with autocomplete please:

• Autocomplete dropdown is too small. In a previous implementation, dropdown max height is much bigger (360px).

• Previous autocomplete expands to the top or bottom based on amount of page space available. E.g. if input is too close to page bottom then dropdown expands to the top:

• We lost option highlighting on mouse hover:

• When user selects option the autocomplete input should be cleared

[alexmt]

Thank you for resolving my comments! Hopefully few last nitpicks

[alexmt]

Thank you! LGTM

Please remove console.log before merging since linter does not like it.