Add tanstack query

[Kongkille]

Issue

https://linear.app/electricitymaps/issue/ELE-1315/set-up-tanstack-query-to-fetch-data-from-the-app-backend

Description

This sets up simple authenticated routes with tanstack query.

Some notes

• Refetch interval is pretty basic for now, just querying every 5 minutes. This means we're probably hitting it a bit harder than we really need to. Ideally we would invalidate queries when we get new flowtraced data but we don't really know that unless we set up some kind of job for that.
• I started adding some types, it's very incomplete and I don't know best practices so feel free to change those
• I installed tiny-invariant as I saw some people use it as a nice way of checking for undefined values, especially in cases where it really shouldn't be null.

[tonypls]

Big things!!!

This is how I've structured the queries in the past and it's been really nice to have minimal query config in the components.

There's a little bit of error handling added in that is mostly for illustration purposes.

If we called more than two apis I would suggest making a api class that has the error handling then we could pass ()=>api.get(path) into useQuery but that's maybe overkill for the limited api's we call.

[madsnedergaard]

Nice! Some comments :)

[Kongkille]

FYI I added tanstack developer tools as well

[tonypls]

I think this is great start and anything we are still discussing we can incrementally improve as we build