[ENG-3513] feat: View accounts balances in the Change Account screen

[dhriaznov]

🔘 PR Type

What kind of change does this PR introduce?

• [x] Enhancement

📜 Background

See --> https://www.notion.so/xverseapp/View-Accounts-balances-from-change-account-list-0b183d7d92a0446a88bc2e8bc3432f2b?pvs=4#3761a6cca9254b53bc9ef42511b61f77

Issue Link: #[ENG-3513] Context Link (if applicable):

🔄 Changes

• Added useAccountBalance hook fetching and calculating the total of BTC + STX accounts balance in a queue of requests
• Added useIntersectionObserver hook which helps to trigger the fetching on scroll when the item in the account list is visible on the user's screen
• Added a UI element displaying the account balance (and a loader) for each account on the Change Account screen
• When the user switches the account, we fetch the new value on the Dashboard and save it to show on the Change Account screen when the user goes back to it from the Dashboard.

Impact:

• This PR impacts the account list display on the Change Account screen

🖼 Screenshot / 📹 Video

https://github.com/secretkeylabs/xverse-web-extension/assets/36603049/001fab65-5b5a-4637-92bc-4d4eca99c043

✅ Review checklist

Please ensure the following are true before merging:

• [ ] Code Style is consistent with the project guidelines.
• [ ] Code is readable and well-commented.
• [ ] No unnecessary or debugging code has been added.
• [ ] Security considerations have been taken into account.
• [ ] The change has been manually tested and works as expected.
• [ ] Breaking changes and their impacts have been considered and documented.
• [ ] Code does not introduce new technical debt or issues.

[teebszet]

reassigned the review to @fedeerbes since he will be working on the same feature for mobile

[dhriaznov]

Thanks for the suggestions @fedeerbes , I applied them 🙌 could you take a second look please?

[fedeerbes]

before moving to testing we need to make sure ft token with fiat rate are part of the account balance. and maybe have a single util to calculate the balance per account

cc @dhriaznov

[dhriaznov]

I added the fungible token balance calculation and also moved the calculateTotalBalance method to utils to reuse it instead of copying, @fedeerbes, could you review pls?

[dhriaznov]

I updated the PR resolving the git conflicts, adding the brc-20 balance calculation to the calculateTotalBalance util func and fixing the issue that Dušana found (when there were different total balance values on the Dashboard and Change Account screens), could you please review again? @fedeerbes

[dhriaznov]

I tested it with ledger account as well:

[DuskaT021]

@dhriaznov fv needs branch updated

[github-actions[bot]]

Test with build here: https://github.com/secretkeylabs/xverse-web-extension/actions/runs/7655437589