feat: add logic to have real delegation balances

[cpl121]

Closes #8112

TODO comment -> #8187

Summary

Please summarize your changes, describing what they are and why they were made.

...

Changelog

- Please write a list of changes

Testing

Platforms

Please select any platforms where your changes have been tested.

• Desktop
  • MacOS
  • Linux
  • Windows

Instructions

Please describe the specific instructions, configurations, and/or test cases necessary to test and verify that your changes work as intended.

...

Checklist

Please tick the following boxes that are relevant to your changes.

• I have followed the contribution guidelines for this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have added or modified tests that prove my changes work as intended
• I have verified that new and existing unit tests pass locally with my changes
• I have verified that my latest changes pass CI workflows for testing and linting
• I have made corresponding changes to the documentation

[marc2332]

We should close the popup once we know the new delegation outputs

[marc2332]

We should check whether selectedWallet is undefined or not as it will be undefined or null whtn the user logs out

Cannot read properties of undefined (reading 'balances')
TypeError: Cannot read properties of undefined (reading 'balances')
    at $$self.$$.update (http://localhost:3333/build/index.js:200467:70)
    at update (http://localhost:3333/build/index.js:358186:12)
    at flush (http://localhost:3333/build/index.js:358150:17)

[marc2332]

also, you could try making the CSS have a better sizing so there aren't layout shifts as this: