Switch network when shortName prefix changes

[iamacook]

What it solves

Resolves #2828

How this PR fixes it

A listener is attached to the history object which checks that a shortName exists and differs to the current config one. When it detects a change, it sets the new network.

How to test it

Open a safe on one network and connect, then open a safe on another network and connect. Click the back button and you should get prompted to connect to the previous network.

Accessing a NETWORK_ROOT_ROUTES route, i.e. .../app/polygon sets the app to that network. The network selector in the top right should still work on these routes that have no chain prefix in the URL.

[github-actions]

CLA Assistant Lite All Contributors have signed the CLA.

[katspaugh]

But there's no shortName in the ROOT_ROUTE, is there?

[iamacook]

Very true - thanks for catching that!

[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	3	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/

[francovenica]

The PR is stuck loading for me:
https://pr2832--safereact.review-safe.gnosisdev.com/app/rinkeby/

[francovenica]

The PR works now.

Looks good to me.

I loaded 2 safe, one in Rinkeby and one in xDai. and visited one after the other.
In both networks I'm connected automatically when switching.
I use the "Back" button of the browser to go from the xDai safe to the Rinkeby safe.

Result: the app now gives the option to change networks.
Gif: