[UI] Configure custom mirror node

[darius279]

Description

When the user opens the UI, after connect the wallet, a “Settings” icon will be visible at the bottom left corner of the page. When the user selects this option, a new configuration page will be displayed.

Within this page, the user will be able to see what nodes are configured within the Mirror nodes tab and the fields that allows it to add a new one. By default, default value for the dropdown will be “Testnet” but the user could choose between Testnet, Previewnet and Mainnet.

Settings button should be configurable when the user launch the app. It should have two configurations:

• Visible or hidden --> visible by default
• If hidden --> the user could add a list with some accounts that will be allowed to see the settings option

By default, Hashio will be the main mirror node and it cannot be deleted. If some user delete the selected mirror, by default hashio will be selected.

There is no "save" button, when the user select a different mirror node, the configuration should be updated.

When the user add a new mirror, the list should be refreshed adding the selected mirror node as default. When the user close and open the app, the previously selected mirror should be the one that will be used by default.

Note: Hedera mirror node will be always available and you cannot delete it.

Note: API key field won’t be necessary to be filled in order to add a new node. Add button will be disabled until name and url will be filled or if the user agree that some API key is needed, Add button will be disabled until all fields are filled.

Non-functional requirements

When a user selects one of the custom nodes, we should configure the queries in order to point to the preconfigured node.

Acceptance criteria

• If the settings configuration is visible, I see the settings button
• If the settings configuration is disabled and my account is not in the approval list, I cannot see the settings button
• If the settings configuration is disabled an my account is in the approval list, I can see the settings button.
• When I add the mirror node data, data button is enabled and I can choose the newly added mirror node configuration.
• If I click on the trash button, the selected mirror is deleted.