fix: fix loading of records in explorer view

[Odonno]

Fix loading of records, especially when switching tables that takes some time to load.

• Add @tanstack/react-query and @tanstack/eslint-plugin-query packages
• useQuery to simplify the loading logic of records (having isLoading, data and refresh properties already available)
• use LoadingOverlay from mantime when records are loading

Example:

[macjuul]

I'm uncertain whether adding the complexity and additional bundle size of @tanstack/react-query warrants replacing the currently implementation. Would it provide any further benefits besides being more standardized?

Adding in a loading indicator however is a great change!

[Odonno]

Good question.

I started to use it once I saw the complexity of the Explorer component. I suppose this is the most complex component compared to the other but I may be wrong. If we are using @tanstack/react-query only once, it is indeed overkill. But I can see its usage in the different part of the app:

• for any fetch call (query page, explorer page, functions page, etc...)
• for other type of async task (like import/export, etc...)

I can see many benefits of using this library, both short-term and long-term:

• having the isLoading and error properties by design, and improving the UI accordingly
• having built-in caching mechanism
• support of cancellation request, when we will be able to cancel db queries in the future
• could also work for sync state, possible removing the need for zustand if we want to reduce bundle size on this matter