Update Portfolio data and cache with SWR

[ladytrekker]

Description

Please test that the following works:

Connect

• Go to your Portfolio on the preview link
• You should see the LoginCard ✔️
• When you connect your wallet, you should see a loading spinner ✔️
• When your wallet is connected, you see your assets correctly displayed ✔️
• If you do not have any assets, you should see an empty state message ✔️

Create a Listing

• Click on "Sell" of one your assets
• Create a Listing with one of your assets
• Wait until the success modal appears => CLOSE THIS MODAL ! (Going to the Profile is not in scope of this PR)
• You should see now two loadings spinners with "Loading your assets" ✔️
• The frontend polls the API to wait until the backend updated your user data with the newly created listing (interval: 1 second, max attempts: 50)
• When the max attempts have been reached, an error message appears "please refresh the page" ✔️
• When the polling succeeded with the updated data, your assets should be updated correctly ✔️
• When the polling succeeded with the updated data, your activity data should show your new listing ✔️

Related Ticket

Part of #1019

Changes

This PR contains additional refactorings:

• Extract the Assets components from the main index page
• Put an overlay above all assets when the polling starts to ensure that the user is not changing anything while pending

Checklist

• I have run npm run build-all without errors
• I have formatted JS and TS files with npm run format-all

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
carbonmark	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 18, 2023 3:13pm
klimadao-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 18, 2023 3:13pm
klimadao-site	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 18, 2023 3:13pm

[Atmosfearful]

code looks awesome 💯 (haven't hands-on tested yet)

[ShimonD-KlimaDAO]

Works well. Two minor comments:

1. You should see now two loadings spinners with "Loading your assets" ✔️

   "Loading your assets" is missing from the Activities spinner. According to the testing instructions, that shouldn't be the case.
   Not sure what is expected in general.
   

2. Minor edge case:
   -Log in
   -Create a listing, close success modal
   -While the spinners are spinning, log out.
   -Log in again -> wrong info is loaded.
   -Refresh after waiting a bit -> correct info.

   Not sure if this is practical to resolve, since we probably don't want to poll the API for 50 seconds every time the user logs in.

[ladytrekker]

"Loading your assets" is missing from the Activities spinner.

Sorry, the description wasn't explicit. Activity Spinner has no label.

Not sure if this is practical to resolve, since we probably don't want to poll the API for 50 seconds every time the user logs in.

Yeah, the backend wasn't ready yet and returned the old data on page load.
As I do not think that people would often leave the page during progressing the data, I would leave it as such.