Cache State on Browser Refresh

[jdubpark]

Is your feature request related to a problem? Please describe.

Next.js + Web3Auth modal integration introduces a short "blank" cycle between when the browser refreshes and when the Web3Auth credential data is fetched. This leads to a very short-lived "loading" screen on each browser refresh, as the React state starts as an object of undefined/empty values and, after a quick fetch from Web3Auth API, loads the correct object of credentials.

Describe the solution you'd like

Caching the fetched Web3Auth state between browser refreshes, so that users have better UX. More specifically, have a cache of browser state available during the time between the browser refreshed and the Web3Auth credential fetch is complete.

Additional context

I'm using Redux Toolkit for my app and have tried redux-persist to cache some serializable data, like web3Auth provider and user without success.