explorer: move stake-sat column in node list

explorer/src/pages/Mixnodes/index.tsx

@@ -179,6 +179,27 @@ export const PageMixnodes: React.FC = () => {
         </MuiLink>
       ),
     },
+    {
+      field: 'stake_saturation',
+      headerName: 'Stake Saturation',
+      renderHeader: () => <CustomColumnHeading headingTitle="Stake Saturation" />,
+      headerClassName: 'MuiDataGrid-header-override',
+      width: 175,
+      headerAlign: 'left',
+      renderCell: (params: GridRenderCellParams) => (
+        <MuiLink
+          sx={{
+            textAlign: 'left',
+            color: params.value > 100 ? theme.palette.warning.main : 'inherit',
+            ...getCellStyles(theme, params.row),
+          }}
+          component={RRDLink}
+          to={`/network-components/mixnode/${params.row.identity_key}`}
+        >
+          {`${params.value.toFixed(2)} %`}
+        </MuiLink>
+      ),
+    },
     {
       field: 'self_percentage',
       headerName: 'Self %',
@@ -231,27 +252,6 @@ export const PageMixnodes: React.FC = () => {
         </MuiLink>
       ),
     },
-    {
-      field: 'stake_saturation',
-      headerName: 'Stake Saturation',
-      renderHeader: () => <CustomColumnHeading headingTitle="Stake Saturation" />,
-      headerClassName: 'MuiDataGrid-header-override',
-      width: 175,
-      headerAlign: 'left',
-      renderCell: (params: GridRenderCellParams) => (
-        <MuiLink
-          sx={{
-            textAlign: 'left',
-            color: params.value > 100 ? theme.palette.warning.main : 'inherit',
-            ...getCellStyles(theme, params.row),
-          }}
-          component={RRDLink}
-          to={`/network-components/mixnode/${params.row.identity_key}`}
-        >
-          {`${params.value.toFixed(2)} %`}
-        </MuiLink>
-      ),
-    },
   ];
 
   const handlePageSize = (event: SelectChangeEvent<string>) => {