refactor(cluster): migrate nodes datatable to react [EE-4962] (#10459)

Co-authored-by: testa113 <testa113>

app/react/kubernetes/cluster/HomeView/NodesDatatable/columns/name.tsx

@@ -0,0 +1,35 @@
+import { CellContext } from '@tanstack/react-table';
+
+import { Authorized } from '@/react/hooks/useUser';
+
+import { Link } from '@@/Link';
+import { Badge } from '@@/Badge';
+
+import { NodeRowData } from '../types';
+
+import { columnHelper } from './helper';
+
+export const name = columnHelper.accessor('Name', {
+  header: 'Name',
+  cell: NameCell,
+});
+
+function NameCell({
+  row: { original: node },
+}: CellContext<NodeRowData, string>) {
+  const nodeName = node.metadata?.name;
+  return (
+    <div className="flex gap-2 whitespace-nowrap">
+      <Authorized
+        authorizations="K8sClusterNodeR"
+        childrenUnauthorized={nodeName}
+      >
+        <Link to="kubernetes.cluster.node" params={{ nodeName }}>
+          {nodeName}
+        </Link>
+      </Authorized>
+      {node.isApi && <Badge type="info">api</Badge>}
+      {node.isPublishedNode && <Badge type="success">environment IP</Badge>}
+    </div>
+  );
+}