Add accordion to settings page

[Lykhoyda]

Closes #336

• Update UI of the Settings page (Watched account and Wallet connect)
• Watched accounts moved from components to the Settings page folder (as used now only in one place)
• Feature to expand accordion using hashtags #watched-acccounts and #wallet-connect

!
There is no Wallet connect design yet

[asnaith]

This is a nice improvement, especially on mobile. Just a couple of feedback points:

1. I think it would be better if the "Currently watched accounts" label is only displayed when there are accounts being watched
2. I know this is on the Figma design but it seems unnecessary to have this label as it's a duplication of the accordion title above it

[Tbaut]

This looks great!! I've a couple small changes that I'll push, like for the WalletConnect icon. I'll do it later today.

The links to setting > watched account need to be modified in the home page (and maybe some other places?) with the #panel-watched-accounts. This should make the Cypress test pass, or get us closer to.

[Lykhoyda]

This looks great!! I've a couple small changes that I'll push, like for the WalletConnect icon. I'll do it later today.

The links to setting > watched account need to be modified in the home page (and maybe some other places?) with the #panel-watched-accounts. This should make the Cypress test pass, or get us closer to.

We need to add click on accordion for cypress test as before the inputs appeared right away.

[Lykhoyda]

@asnaith @Tbaut please take a look again. I fixed the comments, let me know if i missed something

[asnaith]

@asnaith @Tbaut please take a look again. I fixed the comments, let me know if i missed something

@Lykhoyda Those updates for the labels look good 👍

We need to add click on accordion for cypress test as before the inputs appeared right away.

If you can update the link for the button below to use settings#watched-acccounts then it's going to be expanded when arriving on that screen and will be better for users and also no need to update the test

[Tbaut]

I pushed some changes to

• change the logic to force open only the watched-account section if needed.
• optimize the WC SVG that took a while to load
• make the tests pass. Please check it out. We won't merge any PR that doesn't pass the test, unless it's due to flakiness (not the case here).

There are still a couple comments above that weren't taken into account yet, but it should be quick.

[Tbaut]

awesome, this looks a million time better. Thank you!