Browser: Improve typed message display

[alfetopito]

Feature Issue

User Story

As a user, I want to see a nicely formatted structured data when signing messages so that I can easily see what I am signing.

Description

Summary: Right now, signature request of type eth_signTypedData_v4 and eth_signTypedData_v3 display the raw JSON data, which is not very clear for the user point of view.

This issue applies to the Mobile app (I personally only tested the Android version, but would assume the same applies to iOS) dApp browser, when a dApp requests the user signature using the aforementioned methods.

(I would share an app screenshot here, but it's disabled in the Playstore version)

This is for example how Metamask display such kind of signature requests:

Acceptance Criteria

I'll leave this up to the maintainers

Notes

This issue is related to #12097
I would say that has a higher priority since typed data signature are not working at the moment.