Fetch resources on load for React hooks instead of asking devs to call it in a `useEffect`

[Tbaut]

For useSprinterTokens, useSprinterChains and useSprinterBalances, we request users to call a corresponding getter function such as getUserBalances in a useEffect.

I'd propose to remove this, or to call it refresh, and to actually call the relevant function right on load.

e.g users could have:

const { balances, error, isLoading, refresh } = useSprinterBalances('0x123..')

if (isLoading) return <Loader />
if (!!error) return <div>Something went wrong {error}<div>

return <div>balances.length</div>

on address change (in useSprinterBalances), the balances would be refetched, and if the users for some reason want to programmatically refresh, they can call the refresh.

This is more in line with the hooks I'm used to use. WDYT @BeroBurny @saadahmsiddiqui ?

[saadahmsiddiqui]

I agree, this is something they already have in b3 repo and they were making API calls directly and not using our front end SDK