Fix Popup based on Figma files

[wirednkod]

Fixes #977

[wirednkod]

There are still some things missing - but has to do with the way that smoldot API is implemented.
e.g. The integrated chains do not report peers and/or sync status at the moment (see here).
I understand that this will not be fixed - thus we cannot show the pop up (syncing/peers) when extension opens without any tab requesting connection to chains.

Another non-implemented part of the pop-up is the Ban App dropdown that - as discussed before - probably will not be implemented.

Once this PR is merged - the user will be able to either disconnect full app of a multi-network dApp or just 1 of the chains from the many connected in same tab/port - which I really like and Im glad this is now done.

[tomaka]

I understand that this #855 - thus we cannot show the pop up (syncing/peers) when extension opens without any tab requesting connection to chains.

I can fix this, just maybe not with the solution in #855
We shouldn't change our design/go through intermediary steps just to bypass bugs

[tomaka]

I'm not super confident in this. This value is untrusted and entirely decided by the website. A website could have a name that is super long or has tons of weird unicode characters.

[wirednkod]

Im not sure I understand - this part of code is showing the network name. We don't show the app's name. So even if there is a custom chain/parachain that is named: 123AS$@#$SomethingMoreAnd123;'_'ThisCanGoOnUntilItIsVeryLong, still will just appear as the "network name" and icon as ?. I'm not sure what the vulnerability is.

[tomaka]

There's no "vulnerability", just someone could completely destroy your CSS with a very long name, unless you made sure that it can't happen