feat:

--ADDED details to node cards in cluster

src/App.tsx

@@ -1,8 +1,9 @@
 import { useEffect, useState } from 'react'
-import { Link, Navigate, Route, Routes, useMatch, useNavigate, useParams } from 'react-router-dom'
+import { Navigate, Route, Routes, useMatch, useNavigate, useParams } from 'react-router-dom'
 import './App.css'
 import NodeConnections from './NodeConnections'
 import NodeHardware from './NodeHardware'
+import ClusterNodeCard from './ClusterNodeCard'
 
 const API_BASE_URL = import.meta.env.VITE_API_BASE_URL
 
@@ -639,12 +640,7 @@ function Workspace({ page: activePage }: { page: PageId | 'node-details' }) {
               <ul className="cluster-node-list" aria-label="Cluster nodes">
                 {clusterDetails.nodes.map((node) => (
                   <li key={node.uuid}>
-                    <Link
-                      className="cluster-node-card"
-                      to={`/clusters/${encodeURIComponent(clusterId!)}/nodes/${encodeURIComponent(node.uuid)}`}
-                    >
-                      {node.node_name}
-                    </Link>
+                    <ClusterNodeCard node={node} clusterId={clusterId!} />
                   </li>
                 ))}
               </ul>