feat:

--ADDED DEAD LOCK AND DATABASE SIZE UI

src/App.tsx

@@ -4,6 +4,8 @@ import './App.css'
 import NodeConnections from './NodeConnections'
 import NodeActiveConnections from './NodeActiveConnections'
 import NodePerformance from './NodePerformance'
+import NodeLocksDeadlocks from './NodeLocksDeadlocks'
+import NodeDatabaseSize from './NodeDatabaseSize'
 import NodeHardware from './NodeHardware'
 import ClusterNodeCard from './ClusterNodeCard'
 
@@ -632,6 +634,16 @@ function Workspace({ page: activePage }: { page: PageId | 'node-details' }) {
                   nodeId={nodeId}
                   nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
                 />
+                <NodeLocksDeadlocks
+                  key={`locks-deadlocks/${clusterId}/${nodeId}`}
+                  nodeId={nodeId}
+                  nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
+                />
+                <NodeDatabaseSize
+                  key={`database-size/${clusterId}/${nodeId}`}
+                  nodeId={nodeId}
+                  nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
+                />
                 <NodeConnections key={`${clusterId}/${nodeId}`} nodeId={nodeId} />
               </>
             )}