[FEATURE]: Cache api requests and properly handle loading and error states for all api requests

[khaledosman]

Motivation

Our current codebase doesn't really handle loading and error states for all api requests, it also makes redundant/unnecessary api calls when switching between views or tabs every time leading to a less optimal user experience.

Acceptance Criteria:

1. Each composable for making api requests should probably return loading and error states to be used in the ui to properly show the state.
2. Eliminate random setTimeout calls that predict when a response will be received
3. Cache api requests to avoid redundant requests
4. Using something like https://github.com/TanStack/query/ could also avoid the need for over-reliance on the pinia store and handle our requests in a better way with built in polling/refetchQueries, etc.. instead of having to make follow up api requests manually after adding something to update the UI

Alternatives

Vanilla Implementation
Using tanstack/query or similar implementations

Contribution

No response

Have you searched for similar issues before submitting this one?

• Yes, I have searched for similar issues