feat(tangle-dapp): Add Operator Profile Page

AtelyPham commented 1 month ago

Summary of changes

Provide a detailed description of proposed changes.

[x] Create operator profile page UI.
[x] Integrate API for operator information.
[x] Integrate API for operator's restaked tokens.

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
[ ] 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/2471

Screen Recording

If possible provide a screen recording of proposed change.

https://github.com/user-attachments/assets/c3ea8240-1e77-46bb-ba4f-b600f8a97826

netlify[bot] commented 1 month ago

Deploy Preview for tangle-dapp ready!

Name	Link
Latest commit	8fc365f9e8bcd5ffe589b527c0493dbd8cf7e0d2
Latest deploy log	https://app.netlify.com/sites/tangle-dapp/deploys/66ea7f58bae7c600085c21f1
Deploy Preview	https://deploy-preview-2537--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.

AtelyPham commented 1 month ago

This PR has an issue where the operator map is empty on first load, preventing detection of operator data and resulting in a 404 page redirect. I am working to resolve this and expect to have it ready by the end of today.

tangle-network / dapp