feat(issue-details): Allow filters for first/last/recommended

[leeandher]

This PR does a few things, but mostly addresses the inconsistencies with filtering in the streamlined UI.

• Filters will now apply to the queries for First/Last/Recommended to ensure better results for the loaded event, matching the user expectations. These filters are env, date range, and queries.
• The missing event state has been redesigned to be more helpful, letting users easily click to recommended/clear filters and adds a graphic.
• The first/last/recommended buttons will now be accessible even when an event is not loaded

Specific event missing

Query doesn't find anything

todo

• Add or update tests

[codecov]

Bundle Report

Changes will decrease total bundle size by 78.49kB (-0.24%) ⬇️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
app-webpack-bundle-array-push	32.04MB	78.49kB (-0.24%) ⬇️

[roggenkemper]

looks like the preloading for prev/next events is broken with these changes on my end - mind double checking if they work for you?

[roggenkemper]

i'm personally not the biggest fan of including this line - "404: Event not found. The event ID may be incorrect, or it's age exceeded the retention period." to me , it feels weird that we are explicitly saying it's a 404 and the rest of it feels like it could be bullet points in the section below

[roggenkemper]

this is great

[leeandher]

i'm personally not the biggest fan of including this line - "404: Event not found. The event ID may be incorrect, or it's age exceeded the retention period." to me , it feels weird that we are explicitly saying it's a 404 and the rest of it feels like it could be bullet points in the section below

That's fair, that error message comes directly from the endpoint. Should we just omit displaying the 404 in the UI all together? The endpoint will keep the error messages for users using the API directly.

[leeandher]

Removed the error from being displayed and also made some context changes so that the new event count would show up in the dropdown.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #82476   +/-   ##
=======================================
  Coverage   72.48%   72.49%           
=======================================
  Files        7306     7306           
  Lines      322126   322090   -36     
  Branches    21011    21000   -11     
=======================================
- Hits       233488   233486    -2     
+ Misses      87445    87411   -34     
  Partials     1193     1193           

[leeandher]

Updated Designs:

[scttcper]

can you run this through https://svgomg.net/

[scttcper]

way less confusing 👍