Enable Tanstack Query Devtools

[ChristopherChudzicki]

What are the relevant tickets?

None

Description (What does it do?)

This PR enables tanstack query devtools, see https://tanstack.com/query/v5/docs/framework/react/devtools

This enables:

• viewing the current query data
• simulating loading/error states easily
• big benefit, imo: Viewing (or re-fetching) data that is fetched on the NextJS server.
  • When we make API calls on the NextJS server, the raw data isn't as easily visible in the browser.
  • Now we can inspect the QueryCache to see the raw data. In chrome extension at least, it's kind of a pain to view highly nested structures in the extension UI. But you can trigger a refetch easily to see the data show up anew in the network tab.

Note: The devtools themselves are browser extensions; this should have essentially no impact on our production bundle size, but will enable the dev tool usage in production.

Screenshots (if appropriate):

How can this be tested?

1. Download the dev tools for your favorite supported browser.
2. Try them out. Chrome screenshot above.

[jonkafton]

Nice!

This can be enabled in production

Should we?