Large category picker in bulk filter modal

[iethree]

Description

Instead of hiding category selections behind a big select button, we'll show the tokens inline, but still keep selection in a popover - aligning the styles with the FieldValuesWidget

Implementation

• Splits existings SimpleCategoryFilterPicker into its own file (used for up to 12 distinct values)
• Creates a new LargeCategoryFilterPicker for list selection for fields with more than 12 distinct values

The component is responsive to viewport height

.	.
large
small

Testing

• You should be able to add and remove values from long lists (the State Field in the People table is a good one to test) for is/is not operators
• Styling should look good on the FieldValuesWidget as well (any text field in the filter modal or in the column header popovers)
• Token Styling should be responsive to window height such that the inputs toggle between 40px and 56px high

[codecov]

Codecov Report

Merging #24378 (558598b) into master (8e1f765) will decrease coverage by 0.00%.
The diff coverage is 62.96%.

@@            Coverage Diff             @@
##           master   #24378      +/-   ##
==========================================
- Coverage   65.24%   65.24%   -0.01%     
==========================================
  Files        2771     2774       +3     
  Lines       84951    84966      +15     
  Branches    10490    10492       +2     
==========================================
+ Hits        55424    55433       +9     
- Misses      25203    25213      +10     
+ Partials     4324     4320       -4     

Flag	Coverage Δ
front-end	46.43% <62.96%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...dals/InlineCategoryPicker/InlineCategoryPicker.tsx	78.37% <33.33%> (+0.11%)	⬆️
...InlineCategoryPicker/LargeCategoryFilterPicker.tsx	60.00% <60.00%> (ø)
...nlineCategoryPicker/SimpleCategoryFilterPicker.tsx	60.00% <60.00%> (ø)
...lineCategoryPicker/InlineCategoryPicker.styled.tsx	100.00% <100.00%> (ø)
...nents/filters/modals/InlineCategoryPicker/utils.ts	100.00% <100.00%> (ø)
...odals/BulkFilterSelect/BulkFilterSelect.styled.tsx	36.36% <0.00%> (-9.10%)	⬇️
...lters/modals/BulkFilterSelect/BulkFilterSelect.tsx	45.45% <0.00%> (-6.07%)	⬇️
.../src/metabase-lib/lib/queries/structured/Filter.ts	76.80% <0.00%> (+2.39%)	⬆️

---

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 8e1f765...558598b. Read the comment docs.