Add Send Coins Wallet Screen

[pivilartisant]

Context In order to launch Massa Wallet, we must implement the send coins screens

Attached here is the ui-kit meta issue that details the different components we need to implement

• [x] #312

Here are the steps to creation

Url & routing : This page will be hosted here : http://localhost:8080/web-app/homepage/{account-name}/send

Reminder : one page/url, one route. This route will render always the related name component. If we need to split in many, it will be inside of each related component. -> this specific question will be dealt with in this PR

• [x] #262
• [x] #266
• [x] Refactor dashboard and implement it as a layout
• [x] #272

Account Balance :

• [x] #263
• [x] Implement backend account balance retrieval
• [x] Think about amount formating

Amount Selection :

• [x] implement frontend components (percentages are a prio, token select is not)
• [x] implement backend amount validation (cf rules) & amount percentage selection

Recipient selection :

• [x] implement frontend component (transfer between accounts is a prio, contact list is not a prio)
• [x] Implement backend transfer between account list fetch
• [x] implement backend account format validation (see rules)

Advanced section :

• [x] Implement frontend components
• [x] Implement backend gas fees fetch

Transaction confirmation :

• [x] Implement frontend components
• [x] Implement backend redirection to wails sign a transaction

Sign a transaction :

• [x] Implement frontend wails sign a transaction
• [x] COnnect the web-frontend to the wails using the usePost method
• [x] Implement backend wails sign a transaction using the transfer protocol that is already implemented

IMPLEMENTATION RULES

Suggested URL: my.massa/massastation/wallet/XXX/send Where XXX is the name of the account

Rules to implement: 
* Send token field: amount format is:


• XXX,XXX,XXX.XX (show the comma as a separator for thousands and the dot as a separator for number after the 0. User can add up to 9 numbers after the dot. Read: only 2 numbers after the dot Write: up to 9 numbers after the dot (to match the blockchain rules)

25%; 50% etc... options: this is an easy-selection tool. When a user click on one of the number it automatically fulfil the amount field with the selected % of the total amount of the account. 
Ex: As a user, when I click on 50% I want to see the amount field input completed with exactly 50% of my total account balance.


Recipient field:

• Step 1: Only Massa address format accepted. 
--> on the click on “Send” do the format check that the address has a Massa format address or display error message: “This address doesn’t have the right format”

• Step 2: Once contact page exists Accept Massa address + existing contact name --> on the click on “Send” do the checks.

Transfer between accounts: GET /rest/wallet/{nickname}

Display this text only if more than one account exist. 
In the pop-up, display the list of existing accounts except the one user is currently using. --> when user click on one account, the pop-up automatically close up and the account name appears on the “Recipient” field.

[SlnPons]

@pivilartisant Hey Paul, just saw this issue you created. It's great we have the list of tasks somewhere. But 2 comments:

The work described is not exactly correct. Simply because we'll break down the screen into different iterations to secure the basics first ;) Check this page of the design, I added details and rules concerning this particular page. Have a look and let's update this task together.

All the rules are defined on the design. Have a look and let me know if it's clear.