feat: show pool commission (#11517)

packages/page-staking2/src/Pools/Pool.tsx

@@ -72,6 +72,7 @@ function Pool ({ className = '', members, ownAccounts, params, poolId }: Props):
           withLoading
         />
         <td className='number media--1400'>{info && !info.rewardClaimable.isZero() && <FormatBalance value={info.rewardClaimable} />}</td>
+        <td className='number'>{info && info.bonded.commission.current.value && <div>{info.bonded.commission.current.value[0]?.toHuman()}</div>}</td>
         <td className='number'>
           {info && info.nominating.length !== 0 && (
             <ExpanderScroll

packages/page-staking2/src/Pools/Pools.tsx

@@ -51,6 +51,7 @@ function Pools ({ className, ids, ownPools, params }: Props): React.ReactElement
       [t('state'), 'media--1100'],
       [t('points')],
       [t('claimable'), 'media--1400'],
+      [t('commission')],
       [undefined, undefined, 3]
     ],
     [t]