feat(tangle-dapp): Restake Deposit Feature

[AtelyPham]

Summary of changes

Provide a detailed description of proposed changes.

• [x] Implement a switch chain prompt on the EVM wallet when switching networks on the dApp (including our testnet & local chains).
• [x] Introduce a function to verify the pallet constant (fully supported in Typescript, including type intellisense for the module and method).
• [x] Incorporate a function to validate the presence of a query in the provided API (fully supported in Typescript, including type intellisense for the module and method).
• [x] Introduce a utility type to convert the Polkadot enum into a Typescript type.
• [x] Introduce PolkadotApiProvider to facilitate sharing the API for querying without the need to prepare it each time it is used.
• [x] Enable support for viewing transactions on the Polkadot Portal.
• [x] Add hooks for fetching data related to multi-asset-delegation, including:
  • [x] Supported assets with their metadata.
  • [x] User balances for these assets.
  • [x] User delegation information.
  • [x] List of operators in the system.
  • [x] Reward configuration.
  • [x] Pallet constants (without hardcoding in the code).
• [x] Introduce RestakeTx class to accommodate multiple providers.
• [x] Utilize react-hook-form in the deposit form implementation to enhance rendering efficiency.
• [x] Implement the restake deposit function on Substrate.

Proposed area of change

Put an x in the boxes that apply.

• [ ] apps/bridge-dapp
• [ ] apps/hubble-stats
• [ ] apps/stats-dapp
• [x] apps/tangle-dapp
• [ ] apps/testnet-leaderboard
• [ ] apps/faucet
• [ ] apps/zk-explorer
• [x] libs/webb-ui-components

Reference issue to close (if applicable)

Specify any issues that can be closed from these changes (e.g. Closes #233).

• Closes https://github.com/webb-tools/webb-dapp/issues/2367

Screen Recording

If possible provide a screen recording of proposed change.

---

https://github.com/webb-tools/webb-dapp/assets/60747384/c57c719c-6ef8-445a-8585-dc6867f5731d

[netlify[bot]]

✅ Deploy Preview for tangle-dapp ready!

Name	Link
🔨 Latest commit	572eafb9fa08f80f4a19e01820f601c546d524d6
🔍 Latest deploy log	https://app.netlify.com/sites/tangle-dapp/deploys/667f0e09194ca40008fa32a0
😎 Deploy Preview	https://deploy-preview-2403--tangle-dapp.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[yurixander]

I'm curious on the transaction status notification; it differs from the current one we have. We have the intention to use this updated flow in the future @AtelyPham?

Also, I've noticed on the design that there is a more sophisticated/information transaction status notification. I wonder if that's what we'd be going for with all transactions, or only specific for liquid staking @monaiuu?

[AtelyPham]

The transaction progressor is being handled by @vutuanlinh2k2. Once it is completed, I will incorporate it into the restake pages.