Yana/node page (#5276)

* Add nym-node page api WIP

* nym-node page api WIP

* Add rewards card

* Add account balances

* fix build

* Add USD price to tokenomics card

* fix build

* fix build

* fix build

* Refactor ProgressBar

* Add profile card

* fix build

* replace hardcoded id

* Add build version and node roles

* fix build

* rename id param to address

* add node table to explorer page

* get node details from unstable endpoint + layout updates

* allow node select from table

* stop propogation on favorite/unfavorite

* update self bond data

* card refactors

* revert node engine requirement

* use node v20

---------

Co-authored-by: Yana <[email protected]>
Co-authored-by: fmtabbara <[email protected]>

explorer-nextjs/src/app/api/urls.ts

@@ -34,3 +34,11 @@ export const VALIDATOR_BASE_URL =
   process.env.NEXT_PUBLIC_VALIDATOR_URL || "https://rpc.nymtech.net";
 export const COSMOS_KIT_USE_CHAIN =
   process.env.NEXT_PUBLIC_COSMOS_KIT_USE_CHAIN || "sandbox";
+export const NYM_NODE_DESCRIPTION =
+  "https://nym-api.swiss-staking.ch/v1/nym-nodes/described";
+export const NYM_NODE_BONDED =
+  "https://nym-api.swiss-staking.ch/v1/nym-nodes/bonded";
+export const NYM_ACCOUNT_ADDRESS =
+  "https://explorer.nymtech.net/api/v1/tmp/unstable/account/";
+export const NYM_PRICES_API =
+  "https://canary-nym-vpn-chain-payment-watcher.nymte.ch/v1/price/average";

explorer-nextjs/src/components/nodeTable/NodeTable.tsx

@@ -14,6 +14,7 @@ import {
 } from "material-react-table";
 import { useRouter } from "next/navigation";
 import { useCallback, useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
 import CountryFlag from "../countryFlag/CountryFlag";
 import { Favorite, UnFavorite } from "../favorite/Favorite";
 import StakeModal from "../modal/StakeModal";