Better wallet connect flow

[roienatan]

resolves: #17

NOTE: Since this PR involves critical code changes it must be tested properly before being merged to dev. It's set to draft since the review app still not working for the monorepo.

[EzraWeller]

A couple small things initially:

1. The redemptions notifications box seems not to adjust to 3+-digit numbers.
2. The hover-highlighting on the account box should be centered with regard to the account name/address and picture
3. The account info box that appears on mouseover has a small triangle arrow pointing up to the account. This arrow should probably be centered on the account picture, rather than off to the side on its own.

Lmk if any of those don't make sense. This was the best screenshot I could get with the highlighting, sorry:

[EzraWeller]

Apart from the above, it seems to be working great! Haven't found anything broken yet.

[roienatan]

A couple small things initially:

1. The redemptions notifications box seems not to adjust to 3+-digit numbers.
2. The hover-highlighting on the account box should be centered with regard to the account name/address and picture
3. The account info box that appears on mouseover has a small triangle arrow pointing up to the account. This arrow should probably be centered on the account picture, rather than off to the side on its own.

Lmk if any of those don't make sense. This was the best screenshot I could get with the highlighting, sorry:

Thanks for the comments! They are now fixed especially the digits red box is now dynamic to fit any number.