Dynamic Node endpoint

[statictype]

The app should be able to switch between Canvas Test or a local node (ws://127.0.0.1:9944) from a dropdown.
Currently the app connects to a node via a connect function that lives in CanvasContext.
This function uses the “socket” property on the AppState obj that is currently hardcoded to “ws://127.0.0.1:9944”
Create a function in CanvasContext that modifies the socket property and can be called by the dropdown

The app should also be able to connect to a node rpc passed in the url
For example:
https://polkadot.js.org/apps/?rpc=wss%3A%2F%2Fcanvas-rpc.parity.io#/explorer

Possible implementation here https://github.com/substrate-developer-hub/substrate-front-end-template/blob/f9840705c9571b1bc92dc6181e6d44d093ee9fd5/src/substrate-lib/SubstrateContext.js#L12

[statictype]

To be future proof, we should consider implementing this with Substrate Connect