feat: add portfolio button to asset action buttons

[meppsilon]

Development & PR Process

1. Follow MetaMask Mobile Coding Standards
2. Add release-xx label to identify the PR slated for a upcoming release (will be used in release discussion)
3. Add needs-dev-review label when work is completed
4. Add needs-qa label when dev review is completed
5. Add QA Passed label when QA has signed off

Description

This PR adds a button to the wallet view that, when clicked, opens the browser to the portfolio dapp. We hope that this feature improves mobile users experience by providing them with quick access to additional portfolio-specific views.

Screenshots/Recordings

Issue

Progresses #???

Checklist

• There is a related GitHub issue
• Tests are included if applicable
• Any added code is fully documented

[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.

[Cal-L]

Left some comments

[Cal-L]

translations LGTM

[cortisiko]

@meppsilon questions for you:
1.
Should a new browser tab always open when I tap on the portfolio button? Right now if I were to connect to the pdapp via the portfolio button > return to the wallet > tap on the portfolio button again, a new browser tab opens up. If I repeat this n times then I will have n browser tabs opened for the portfolio dapp.

See recording

2
Maybe this is something the design team can answer:

With languages such as Russian or Filipino, there are ellipsis that prevents the users from seeing the full text on the buttons

See prod behavior vs Your branch

[meppsilon]

Hey @cortisiko,

1. I think that's the expected behavior for now. In a future release, we might try to redirect the user to an existing browser tab but for now, this simple behavior is expected.
2. Yea, that is a better question for design but I'm not sure if there is a way around this unless we wrap the buttons around to another level.

[cortisiko]

hey @meppsilon following up on our conversation in the release planning this week, did we come to a conclusion on issue 1?

[cortisiko]

Alrighty @meppsilon I tested this PR again. The good news is, the browser tab does not open multiple tabs when I tap the pdapp button.

The bad news:
If I connect to the pdapp and then open another tab, upon returning to the wallet view and tapping the pdapp icon again, instead of being taken to the pdapp, I am redirected to the current active browser tab: http://recordit.co/KO5GulaBpx

I also observed that if the pdapp is open in a separate browser tab while another dapp or website is currently active, and I close and relaunch the pdapp, upon tapping on the browser button, the pdapp automatically opens up: http://recordit.co/0olVVc2d4f

In prod this is not the case. With your PR, this changes the way the browser works. See behavior in prod: http://recordit.co/cizlY3qsJI

[cortisiko]

this PR looks good @meppsilon 🌮 🌮 🌮