Fix total stake implementation to use stakeTotal instead of stakeOwn and stakeOther

pioneer/packages/page-staking/src/Overview/Address/index.tsx

@@ -74,7 +74,7 @@ function Address ({ address, className = '', filterName, hasQueries, isElected,
   const { api } = useApi();
   const accountInfo = useCall<DeriveAccountInfo>(api.derive.accounts.info, [address]);
   const stakingInfo = useCall<DeriveStakingQuery>(api.derive.staking.query, [address]);
-  const [{ commission, nominators, stakeOther, stakeOwn }, setStakingState] = useState<StakingState>({ nominators: [] });
+  const [{ commission, nominators, stakeOther, stakeOwn, stakeTotal }, setStakingState] = useState<StakingState>({ nominators: [] });
   const [isVisible, setIsVisible] = useState(true);
 
   useEffect((): void => {
@@ -131,12 +131,7 @@ function Address ({ address, className = '', filterName, hasQueries, isElected,
         )}
       </td>
       <td className='number'>
-        {(stakeOwn && stakeOther)
-          ? <FormatBalance value={stakeOther.add(stakeOwn)} />
-          : stakeOwn ? <FormatBalance value={stakeOwn} />
-            : stakeOther ? <FormatBalance value={stakeOther} />
-              : null
-        }
+        {stakeTotal && <FormatBalance value={stakeTotal} />}
       </td>
       <td className='number'>
         {commission}