beginning and end characters of address text should be visible

[tt0mmy]

Description

• address feedback from https://liftedinit.slack.com/archives/C02EFTD4HQ9/p1662069162703239
• shortens the address text so that the first and last characters are visible

Related Issue

Fixes https://github.com/liftedinit/albert/issues/80 Fixes https://github.com/liftedinit/albert/issues/60

Testing

• adds jest tests

Screenshots (if applicable)

Before:

After:

[tt0mmy]

merge https://github.com/liftedinit/albert/pull/72 first

[fmorency]

Thanks for this @tantommy.

Not sure if relevant but here are some screenshots of dialogs that don't appear fixed.

• the "Send" dialog

• the "add account" dialog

• after account creation

I didn't test the transaction history

[hansl]

@fmorency can you specify which OS and Browser (including exact versions) you're using?

[fmorency]

@fmorency can you specify which OS and Browser (including exact versions) you're using?

Linux Manjaro 22.0.0, Kernel 5.10.136 Firefox 104.0.2

[tt0mmy]

Thanks for this @tantommy.

Not sure if relevant but here are some screenshots of dialogs that don't appear fixed.

• the "Send" dialog

• the "add account" dialog

• after account creation

I didn't test the transaction history

these should be acceptable as they are actual Input elements and can be clicked on to view the full address.

this PR fixes any of the address that are display only. For example, when creating a transaction (sending tokens) and the confirmation screen appears. The address here is cutoff and cannot be clicked on to view the full address. In these cases, we will shorten the address so that the beginning and end characters are shown.