Add EIP-3770 settings

[iamacook]

What it solves

Resolves #2843

How this PR fixes it

• A new reducer has been added under the appearance key to store the new settings.
• A new settings subsection 'Appearance' has been added. It currently has EIP-3770 settings regarding showing/copying chain shortName prefixes.
• A checkbox has been added to the QR modals to allow for copying with/without shortName. It defaults to the value set in settings and does not update the store.

Note: the settings do not currently affect any of the UI except the QR modal.

How to test it

Ensure that changes in the 'Appearance' settings save locally.
Open QR modal and check that the value reflects that saved.
Scan the QR code with/without the checkbox checked to see if shortName is prepended.

Screenshots

[iamacook]

@DiogoSoaress, you can find the selectors here.

[github-actions]

CLA Assistant Lite All Contributors have signed the CLA.

[github-actions]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: ✅ success
• Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[github-actions]

• Safe Rinkeby
• Safe Mainnet
• Safe Polygon
• Safe BSC
• Safe Arbitrum
• Unified app on dev: https://safe-team.dev.gnosisdev.com/app/

[coveralls]

Pull Request Test Coverage Report for Build 1384599357

• 6 of 29 (20.69%) changed or added relevant lines in 7 files are covered.
• 1 unchanged line in 1 file lost coverage.
• Overall coverage decreased (-0.04%) to 31.316%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
src/logic/appearance/reducer/appearance.ts	2	4	50.0%
src/logic/appearance/selectors/index.ts	0	2	0.0%
src/components/App/ReceiveModal.tsx	0	4	0.0%
src/routes/safe/components/Settings/index.tsx	0	4	0.0%
src/routes/safe/components/Settings/Appearance/index.tsx	0	11	0.0%

Files with Coverage Reduction	New Missed Lines	%
src/components/App/ReceiveModal.tsx	1	0%

Totals
Change from base Build 1384262732:	-0.04%
Covered Lines:	2919
Relevant Lines:	8336

---

💛 - Coveralls

[katspaugh]

Alles top!

[katspaugh]

Once we update EthHashInfo, we can use it here.

[DiogoSoaress]

Very clean implementation!

Noticed that this breadcrumb is incomplete

[iamacook]

Very clean implementation!

Noticed that this breadcrumb is incomplete

Good catch! I've added it :)

[DiogoSoaress]

⛵

[francovenica]

The main functionality works fine:
The checkboxes change the local storage
The preview address works fine, adding/removing the prefix
The QR code for the safe works fine, changing when it adds the prefix
The settings are saved across safes, as the message implies.

Issue:
1 - Small issue that I don't see happening in prod so I assume it was introduced here.
By being in any subpage of the settings (can be appearance or owners or what ever) if you reload the page the setting menu closes and the breadcrumb of the page breaks.
The expected behavior is that the setting menu remains open and the section of the settings you are is highlighted

Gif:

[iamacook]

The main functionality works fine: The checkboxes change the local storage The preview address works fine, adding/removing the prefix The QR code for the safe works fine, changing when it adds the prefix The settings are saved across safes, as the message implies.

Issue: 1 - Small issue that I don't see happening in prod so I assume it was introduced here. By being in any subpage of the settings (can be appearance or owners or what ever) if you reload the page the setting menu closes and the breadcrumb of the page breaks. The expected behavior is that the setting menu remains open and the section of the settings you are is highlighted

Gif:

Good to hear that all works as expected. I will merge this and have created an issue to fix the bug here.

Thanks for testing this so thoroughly 👍