[FEAT] Unstake Flow to redeem tgTokens (ie. from tgDOT back to DOT)

[monaiuu]

Description

Implement unstaking request flow to enable users to convert their LSTs back to the underlying staked assets.

Requirements

User Inputs/Selection:

• LST/Parachain Selection: Users start the unstaking process by selecting the specific Liquid Staking Token (LST) and Parachain to unstake.
• Unstake Amount: input the total amount of tgDOT to convert back to DOT.

Details Component:

• List any applicable fees that may be incurred during the unstaking process. (consider reward fees)
• Show the unstake period (e.g., 7 days).
• Display the conversion rate from tgDOT to DOT. When a user initiates an unstaking request for their tgDOT, the exchange rate at that moment is used to determine the amount of DOT that will be unbonded, taking into account the accrued staking rewards and any fees.

Unstake & Withdrawal Transactions:

• Upon confirmation of the unstake transaction, update the Overview Card to reflect the amount currently in the 'unstaking' state.
• After the unbonding period, enable the 'withdraw' button in the Unstake tab, allowing users to transfer their DOT back to their wallet.

Rebond Transaction:

• Provide users with the option to rebond their funds back to the staking pool.
• When rebonding, display the current rate of minting the LST for the rebond transaction, ensuring transparency and informed decision-making.

Screenshot (UI Updates Required)

Figma Link