Clicking toAddress to add it to address book

[jpuri]

Fixes: #6008

A reusable component is created to wrap child elements, the child elements when clicked will trigger add-to-address-book modal to open.

QA steps:
Add to address book works well at:

• send page where to address is selected
• confirm send page
• any DAPP transaction

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[blackdevelopa]

LGTM. Just left small nit

[seaona]

Address saved not rendered on ERC20 Token Transfers

Whenever I am sending an ERC20 token, I can see how clicking toAddress allows me to save the address, but whenever I save it, the Account name is not displayed. It is still displayed the address.

Repro

1. Go to test dapp
2. Click Create Token for deploying an ERC20 Token
3. Add token to Wallet
4. Click Transfer
5. Click toAddress
6. Save an account name
7. See how the address is still displayed

This also happens if I try to Send the token from inside MetaMask instead of the dapp.
If I check the address book, I can see how the address has been saved correctly.

erc20-token-transfer-address-not-rendered.mp4

Add to Address Book does not open with ERC721 Sends

Whenever we are trying to send an ERC721 token, when I am on the Confirmation screen, clicking the To Address does not open the Add to Address Book modal.

erc721-address-not-open.webm

Since there is another issue related to SEnd erc721, it might have some effect on what I am seeing, so maybe after this issue is fixed, this one will be resolved

Repro

1. Go to test dapp
2. Deploy Collectibles contract
3. Mint a token
4. Go to the Wallet
5. Click NFTs tab
6. Add the NFT you just minted
7. Click the NFT
8. Click Send
9. Add a recipient
10. Proceed
11. On the last confirmation screen, click To Address -- see nothing happens

Add to Address Book with ERC1155 Sends

Pending to test, as need there is an issue that should be resolved first, otherwise I cannot import any ERC1155 adn test it.

[jpuri]

@seaona : PR is updated with fix, can you plz re-test.

The test should fix the issue for all transactions including 1155.

[seaona]

@jpuri I see the issues fixed! I've checked the ERC721 in Mainnet since I couldn't import tokens manually due to the previous known issue (see ticked blocked by).
I could use the auto-detect NFTs for overcoming it. cc @bschorchit

[segun]

LGTM