[TASK] Liquid Restaking UI

[monaiuu]

Initial Spec

Data to Display

1. Staking APY: The current Annual Percentage Yield for staking, including the base rate.
2. My Staking: Information about the user's current staking position, including:
   • Available balance for staking.
   • Amount currently staked.
   • Amount in unstaking/unbonding
   • Rewards
     • tgDOT (gets compounded)
3. Token Specific Overview: Key metrics about the platform, such as:
   • Total Staked: The total amount of the native token (i.e., ASTR, DOT, KSM) staked on the platform.
   • Stakers: The number of unique stakers participating.
4. Unstaking Period: The range of time it takes to unstake assets. (asset specific)
5. Token Information: Details about the LST token (i.e., tgDOT), including:
   • Current price of the tgDOT token in terms of DOT.
   • Reward fee percentage.
6. User Balance: The user's current balance of the native token (i.e., DOT) and the equivalent balance in tangle liquid tokens (i.e., tgDOT).
   1. balance of TNT (& LST)
7. Conversion Rate: The exchange rate between the native token and the liquid token.

Potential Features

1. Staking and Unstaking Functionality:
   • Ability to stake native tokens and receive LST. (i.e., DOT → tgDOT)
   • Ability to unstake LST tokens and receive the native tokens back. (i.e., tgDOT → DOT)
2. Reward Analysis:
   • Analyze and project potential staking rewards.
   • Historical data on rewards and APY changes.
3. Validator Selection:
   • A section to choose and manage validators for staking (account specific).
     • default to able to select multiple validators
     • apply to all transactions on the same network/token
4. Cross-Chain Functionality:
   • Ability to stake and manage assets across different blockchains.

[monaiuu]

Handoffs:
tangle-network/dapp#2328
tangle-network/dapp#2333
tangle-network/dapp#2334
tangle-network/dapp#2336