Add support to visually represent hashes.

[Archethect]

This PR aims to visually represent the generated hashes.
This should dramatically help comparing hash strings.

Would be good if this could also be included on the Safe side and ideally on HW wallets.

I used react-blockies for this implementation: https://github.com/stephensprinkle-zz/react-blockies#readme

[xaler5]

First contribution attempt :) congrats 🚀

Would be good if this could also be included on the Safe side and ideally on HW wallets.

I agree with this but we already know how difficult is for HW wallets to even implement EIP712 data structures.
This project is meant to be minimal without unnecessary dependencies. This PR adds a dependency which is poorly mantained and we prefer to not take the risks of introducing flaws.

However I agree with your intents of simplifying strings comparison. We already have some thoughts but curious to know what's your opinion in achieving the same without adding extra complexities or relying on third party services to adopt same patterns.

[Archethect]

Agree.

I see that for the Safe address PixelAvatar is already used. Maybe this one can be extended such that it works for both normal addresses and hashes.

Another idea would be to 'encode' the hash into a human readable form. Similar like what this repo attempts: https://github.com/guyroyse/mnemonic-bytes

[Archethect]

Agree.

I see that for the Safe address PixelAvatar is already used. Maybe this one can be extended such that it works for both normal addresses and hashes.

Another idea would be to 'encode' the hash into a human readable form. Similar like what this repo attempts: https://github.com/guyroyse/mnemonic-bytes

That being said... I can adapt PixelAvatar to make it work (which wouldn't add extra dependencies) and create a new PR for it.