Add verify address button to Receive modal

[brusherru]

It is requested by Ledger company to add a "verify" button on "Receive" modal, that asks User to verify the address on his Ledger device. So now it is implemented.

It may require design improvement or rephrasing.

And there is also possible another case with red text, saying: "The address is incorrect, probably you are using another Ledger device." :)

[github-actions]

You can preview the changes at : https://e1239a33.smapp-lite-prod.pages.dev

[monikasmolarek]

Once the address check is rejected on the ledger, it gets automatically the modal claiming (incorrectly) the ledger is disconnected.

also the error messages were a bit messy🤔

Screen.Recording.2024-09-10.at.16.22.51.mov

[github-actions]

You can preview the changes at : https://df41b117.smapp-lite-prod.pages.dev

[github-actions]

You can preview the changes at : https://0fcd607e.smapp-lite-prod.pages.dev

[brusherru]

@monikasmolarek thanks!
Fixed. There are two new messages for the cases:

1. When the address is rejected on the device, it does not require to reconnect anymore, but displays:
   

2. When the device is locked or not connected there will be another message (in case User closes the "connect device" popup). Example:
   
   

[monikasmolarek]

@brusherru This is indeed fixed, thanks !
but please double-check the case when you start the address verification, you don't do anything on the ledger, so the request there is waiting for your approve/reject, but in the Wallet you click OK or close the modal etc.
When the tx/action is pending on the device, the Wallet gets really confused about the device connection.

Screen.Recording.2024-09-12.at.00.55.34.mov

My steps in this rec:

1. opened receive, clicked verify -> checked the device but didn’t approve or reject, left pending
2. clicked OK on the modal
3. opened receive, clicked verify again-> the reconnect modal appeared
4. took device, approved the request -> it got approved "in the background" below the reconnect modal
5. the wallet got confused about the connection

[brusherru]

When the tx/action is pending on the device, the Wallet gets really confused about the device connection.

The problem here that we cannot cancel the operation on the ledger device if you close the window.
And at the same time, Ledger works in a synchronous way, which means if you run another operation while the previous one was not finished — it causes transport error, which also causes disconnecting from the device.

The only thing I can do here is to disable closing the popup once "Verify" button was clicked.
So I tweaked it, and hopefully it will work well :D

However, if you reload the page and click "Verify" once again — we don't have any chance to handle it properly in the app.

[github-actions]

You can preview the changes at : https://96c11141.smapp-lite-prod.pages.dev

[brusherru]

Ok, I'm pretty sure it is fine, so I'm merging it.
If we find out any problems — I'll fix it :)