feat: new filter UI

[jamie-rasmussen]

Internal weave: https://wandb.atlassian.net/browse/WB-19861

Adds a new UI for filtering calls and managing of filter state in URL.

In the header, there is a button that opens up the filter editing popup. When there are filters, we will dynamically determine what to show based on the available width:

No filters:

There are filters but none can be shown in the available space:

All filters fit in the available space

Too many filters to show in the available space, but some fit

If there's room to show a filter tag, user can one-click remove it with the 'x' button on the tag.

Clicking on the button opens up a dialog:

Each row corresponds to one filter. The 'x' button can be used to remove a filter, or you can remove all of them at once. The available operators depend on the selected field, and the type of value input depends on the operator

Column selection:

Operator selection:

[circle-job-mirror[bot]]

Preview this PR with FeatureBee: https://beta.wandb.ai/?betaVersion=60b4c6e7ef3844b37701e78b4a682c06aad5857d

[circle-job-mirror[bot]]

Preview this PR with FeatureBee: https://beta.wandb.ai/?betaVersion=c73e4497dd74967bb11fdcfded63f5244c2aa708

[socket-security[bot]]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@mui/x-date-pickers@6.20.2	environment	0	4.61 MB	arthurbalduini

View full report↗︎