feat(Nodes): use /viewer/json/nodes endpoint

Author: artemmufazalov

src/components/TabletsStatistic/TabletsStatistic.tsx

@@ -29,7 +29,7 @@ const prepareTablets = (tablets: ITablets) => {
 
 interface TabletsStatisticProps {
     tablets: ITablets;
-    path: string;
+    path: string | undefined;
     nodeIds: string[] | number[];
 }
 

src/containers/App/App.scss

@@ -1,6 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
 @import '../../styles/mixins.scss';
-@import './NodesTable';
 
 * {
     // FIXME: this is an overkill, potentially could break external components, needs refactoring

src/containers/Cluster/Cluster.tsx

@@ -2,7 +2,7 @@ import cn from 'bem-cn-lite';
 //@ts-ignore
 import Tenants from '../Tenants/Tenants';
 //@ts-ignore
-import Nodes from '../Nodes/Nodes';
+import {Nodes} from '../Nodes/Nodes';
 //@ts-ignore
 import Storage from '../Storage/Storage';
 import routes, {CLUSTER_PAGES} from '../../routes';
@@ -28,7 +28,7 @@ function Cluster(props: ClusterProps) {
                 return <Tenants {...props} />;
             }
             case CLUSTER_PAGES.nodes.id: {
-                return <Nodes {...props} />;
+                return <Nodes additionalNodesInfo={props.additionalNodesInfo} />;
             }
             case CLUSTER_PAGES.storage.id: {
                 //@ts-ignore

src/containers/Nodes/Nodes.js

@@ -1,7 +1,11 @@
 @import '../../styles/mixins.scss';
 
-.cluster-nodes {
+.ydb-nodes {
     overflow: auto;
+    flex-grow: 1;
+
+    height: 100%;
+
     @include flex-container();
 
     &__search {