Sponsored Transactions Auction - Frontend UI and text changes

[mh-concordium]

Description

Maybe we could add a bit more text to some of the steps. I don't know if we should just write the text in the boxes somewhere around input fields or we could add like a tooltip.

Proposing a change to the UI on step 1:
I think it is a bit confusing to ask to add Token ID in decimal, I believe some users might not understand that. I would rather put something as Insert a number that will represent your Cis2 Token Id. Tokens with that Id will be minted and added to your address.

Proposing changes to the UI on step 2:
Insert a number that will represent your Cis2 Token Id. Tokens with that Id can be used to bid for your item.

Proposing changes to the UI on step 3:
Insert a number that represents index of your auctioned item. Item index is generated after completing step 2.

Proposing changes to the UI on step 4:
First input field:
Insert the amount of Cis2 tokens (payment token) to bid for the item.
Third input field:
Insert the nonce, it can be found on the top of the page.

Add format to the comment to explain the format on the frontend part where ending election time is hardcoded.
export const AUCTION_END = '2050-01-01T12:00:00Z'; // Hardcoded value for simplicity for this demo dApp (format YYYY-MM-DD).

Versions

• Software Version: 1.0.0