feat: add minimum operating balance column

apps/operate/components/Contracts/index.tsx

@@ -8,9 +8,10 @@ import { Caption, TextWithTooltip } from 'libs/ui-components/src';
 import { BREAK_POINT } from 'libs/ui-theme/src';
 import { CHAIN_NAMES, GOVERN_URL, NA, UNICODE_SYMBOLS } from 'libs/util-constants/src';
 
-import { useStakingContractsList } from './hooks';
 import { RunAgentButton } from 'components/RunAgentButton';
 
+import { useStakingContractsList } from './hooks';
+
 const StyledMain = styled.main`
   display: flex;
   flex-direction: column;
@@ -31,6 +32,7 @@ const columns: ColumnsType<StakingContract> = [
     title: 'Chain',
     dataIndex: 'chainId',
     key: 'chainId',
+    width: 120,
     render: (chainId) => <Text type="secondary">{CHAIN_NAMES[chainId] || chainId}</Text>,
   },
   {
@@ -51,6 +53,13 @@ const columns: ColumnsType<StakingContract> = [
     key: 'stakeRequired',
     render: (stakeRequired) => <Text>{stakeRequired}</Text>,
   },
+  {
+    title: 'Minimum operating balance required',
+    dataIndex: 'minOperatingBalance',
+    key: 'minOperatingBalance',
+    width: 180,
+    render: (minOperatingBalance) => <Text>{minOperatingBalance || NA}</Text>,
+  },
   {
     title: () => (
       <TextWithTooltip
@@ -67,7 +76,7 @@ const columns: ColumnsType<StakingContract> = [
     ),
     dataIndex: 'availableOn',
     key: 'availableOn',
-    render: (availableOn) => <RunAgentButton availableOn={availableOn}/>,
+    render: (availableOn) => <RunAgentButton availableOn={availableOn} />,
   },
 ];
 
@@ -110,6 +119,7 @@ export const ContractsPage = () => {
               </>
             ),
           }}
+          scroll={{ x: 768 }}
         />
       </Card>
     </StyledMain>