REFACTOR: extract a <Row loading={}> component from <BalanceInfo>

[YoshiyukiSakura]

currently we are handling loading icon toggling in <BalanceInfo> manually ,
it would be great if we had this <Row> and apply this way
FROM THIS

<Wrapper>
      <span>Balance</span>
      <div>
        {loadingBalance || loadingSymbol ? (
          <Loading />
        ) : (
          <ValueDisplay
            value={balance}
            decimals={decimals}
            symbol={symbol || getSymbolMetaByChain(account?.network)?.symbol}
            showAEM
          />
        )}
      </div>
    </Wrapper>

TO THIS

<Row header="Balance" content={loading ?? <ValueDisplay/> }>

<Row> can be very useful everywhere