Handle all external APIs failure gracefully

[Jemiiah]

PR Fixes:

• 1 use try catch for all api
• 2 return fallback data on failure
• 3 log/toast failure

Resolves #111

Checklist before requesting a review

• [✅] I have performed a self-review of my code
• [✅] I assure there is no similar/duplicate pull request regarding same issue
• [✅] My PR passes all checks (build, lint, formatting, etc)

[Jemiiah]

@akiraonstarknet @EjembiEmmanuel pr ready to be merged

[akiraonstarknet]

@Jemiiah Hey, I think a cleaner approach would be to have a standard function to wrap all fetch calls and handle failures in it. We can even add retries within such functions, would allow us to handle things better.

Example:

async function myFetch(method: 'GET' | 'POST', url: string, data: any, errorToastMsg?: string) {
    const MAX_RETRY = 3;
    let retry = 0;
    while(retry < MAX_RETRY) {
       try {
          // use above data to do a fetch and return result
       } catch(err) {
          if (retry < MAX_RETRY) {
            await new Promise((res) => setTimeout(res, 2000)) // waiting 2s
            retry += 1;
          } else {
            // failure above max retries
            // return any fall back data or show toast as per situation. Feel free to add more input params if required to generalise
          }
       }
   }
}

[akiraonstarknet]

@Jemiiah checked code on a high level, looks ok. Will clone, test a bit and then merge. Allow me 1-2 days. Thanks