feat(query-builder): Add loading state and improved menu styles/positioning

[malwilley]

• Add loading state when tag values are being fetched (and there aren't any items to show)
• Decrease menu text size and increase max width to better fit suggestions
• Recalculate popperjs positioning when menu size might change (because of loading state and width changes, it would get out of place at times)

CleanShot.2024-06-17.at.23.35.40.mp4

[codecov]

Codecov Report

Attention: Patch coverage is 93.33333% with 1 line in your changes missing coverage. Please review.

Project coverage is 78.05%. Comparing base (442b403) to head (462fcae).
Report is 19 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #72940   +/-   ##
=======================================
  Coverage   78.05%   78.05%           
=======================================
  Files        6606     6606           
  Lines      294460   294471   +11     
  Branches    50763    50766    +3     
=======================================
+ Hits       229832   229842   +10     
  Misses      58296    58296           
- Partials     6332     6333    +1     

Files	Coverage Δ
...pp/components/searchQueryBuilder/valueCombobox.tsx	72.81% <100.00%> (ø)
...tic/app/components/searchQueryBuilder/combobox.tsx	80.00% <92.30%> (+0.63%)	⬆️

... and 7 files with indirect coverage changes

[MichaelSun48]

Looks great! I just noticed a bug (?) the menu never shows up for the project_slug after the loading state disappears. Not sure if this is because there are just 0 options or a different bug, but if its the former, then I think an empty state would be great.

Screen.Recording.2024-06-18.at.8.58.37.AM.mov

[malwilley]

@MichaelSun48 good callout, an empty state would make a lot of sense for those tags. Just need to figure out how to show it in a non-intrusive way.