[TASK] Liquid Restaking UI

Initial Spec

Data to Display

Staking APY: The current Annual Percentage Yield for staking, including the base rate.
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)
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.~~
Unstaking Period: The range of time it takes to unstake assets. (asset specific)
Token Information: Details about the LST token (i.e., tgDOT), including:
- Current price of the tgDOT token in terms of DOT.
- Reward fee percentage.
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)
Conversion Rate: The exchange rate between the native token and the liquid token.

Potential Features

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)
Reward Analysis:
- Analyze and project potential staking rewards.
- Historical data on rewards and APY changes.
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
Cross-Chain Functionality:
- Ability to stake and manage assets across different blockchains.