Implement text nowrap for node name

dashboard/src/main/home/cluster-dashboard/dashboard/NodeList.tsx

@@ -20,6 +20,10 @@ const NodeList: React.FC = () => {
       {
         Header: "Node Name",
         accessor: "name",
+        Cell: ({ row }) => {
+          return <NameWrapper>{row.values.name}</NameWrapper>;
+        },
+        width: "max-content",
       },
       {
         Header: "Machine Type",
@@ -185,3 +189,8 @@ const StatusButton = styled.div`
       props.success ? "#405eddbb" : "#e83162"};
   }
 `;
+
+const NameWrapper = styled.span`
+  white-space: nowrap;
+  margin-right: 10px;
+`;