UI: Minting success page

[kpyszkowski]

Ref: #5

This PR introduces minting success page

Please note: the summary list (above the button) will be included with separate PR when required changes will get merged regarding to #36

[michalsmiarowski]

Left some comments to look at before the merge

[michalsmiarowski]

Left some non-blocking comments but overall looking good

[michalsmiarowski]

Non-blocking, but should be fixed (probably in a separate PR)

In the minting flow we have two different success steps

a) minting-completed" - when the optimistic minting is finalized but the tbtc tokens are not send to the address yet
b) completed - when the optimistic minting is finalized and the tbtc tokens are sent to the receiver

It looks like we distinguish that in the main page but we don`t show that in the timeline

Here, for complete step, the last item in the timeline should be completed but it is active in both cases.

[kpyszkowski]

So this line should be updated?

id: DepositDetailsStep.MintingCompleted,

[michalsmiarowski]

Nope, I think the issue is here:

bitcoin-on-base/src/pages/tBTC/Bridge/Minting/MintingDepositTimeline.tsx

Line 163 in a516867

const isComplete = itemIdIndex < currentStepIndex

itemIdIndex is never lower than currentStepIndex when it comes to last timeline item.

[michalsmiarowski]

Non-blocking, but should be addressed in a separate PR:

Timeline and Transaction history looks little bit off on smaller screens IMO. We should at least give them the same margins on the left and right as for the Token Contract button or center it.