Create thor streaming progress bar

[woodenfurniture]

Overview

Thorchain streaming swaps take an exceedingly long amount of time to complete (hours), and currently our UI shows the trade as complete at the point of time the streaming begins.

We require a progress bar to indicate to users the progress of the streaming swap such that the dont think their trade is stuck or broken in some way.

Details

Initially use the chakra UI component Progress, and then get @reallybeard to oil it up.

import {
  Progress,
} from '@chakra-ui/react'

Fetch trade progress from thor node:

curl https://dev-daemon.thorchain.shapeshift.com/lcd/thorchain/swap/streaming/7AE1D0DB5947ACD5C48435E117E746022DB65280917DCFEC660450A423C7E803

{
  "tx_id": "7AE1D0DB5947ACD5C48435E117E746022DB65280917DCFEC660450A423C7E803",
  "interval": 9,
  "quantity": 20,
  "count": 18,
  "last_height": 12382114,
  "trade_target": "0",
  "deposit": "4985000000",
  "in": "4486500000",
  "out": "278787922"
}