Refactor retrieving swaps and using swaps as stateful objects

[yosriady]

https://github.com/comit-network/app/blob/feature/state-machines/app/containers/SwapDetailsPage.tsx#L23-L48

Use url instead of id

• Use swap URL as canonical identifier: 'The URL of a swap is its canonical identifier. It is available through the self property on the swap object'
• Refactor https://github.com/comit-network/app/blob/feature/state-machines/app/containers/SwapDetailsPage.tsx#L12 props to use url instead of id

Swaps are Stateful

• https://github.com/comit-network/app/blob/feature/state-machines/app/containers/SwapDetailsPage.tsx#L24-L37
• Instead of calling comitClient.retrieveSwapById multiple times, call once and save swap into state.
  • 'Reconstruct a swap object at any time through this constructor by passing in an instance of Cnd (the underlying HTTP client), the link to the swap and the wallets. '
  • Refactor findSwapById, retrieveSwapById
• Subsequent pools in useInterval is limited to calling fetchDetails()

[yosriady]

https://github.com/comit-network/comit-js-sdk/blob/d54f3ae793d18e98189c817e568242b0eb7b89e3/src/comit_client.ts#L150-L154

[yosriady]

https://github.com/comit-network/comit-js-sdk/blob/cef77e4f1a54a9291184cd384040a6d3af7fbd58/src/swap.ts#L28-L34

[yosriady]

The app would need to manage a singleton context of a cnd instance, BitcoinWallet, and EthereumWallet to retrieve a swap in the canonical way.

• [x] Refactor taker instance into a useTaker context hook
• [x] isTakerLoading/ed -> loading/ed
• [x] Rename to COMITProvider? Refactor out, remove use of Actor

Split into separate parts:

• [x] Refactor cnd instance into a context hook
• [x] Refactor wallet instances into a context hook
  • https://github.com/aragon/use-wallet/blob/master/src/index.js
• [x] Refactor comitClient instance into a context hook

[yosriady]

• [x] Remove use of Actor https://github.com/comit-network/comit-js-sdk/blob/master/src/actor.ts in favour of instantiating Cnd, comitClient, and wallets directly.
• [x] Do the above as hooks.
• [x] Deprecate TakerProvider (Actor context) in favour of individual wallet, cnd, client contexts

[yosriady]

• [ ] Since Swap is mutable, instead of passing Swap[] as props into SwapList, it should be loaded from a global context instead e.g. useSwaps()
  • Routes /swaps/:id will then pull data from this global store

EDIT: obsolete with new GET /swaps/:id endpoint https://github.com/comit-network/comit-rs/pull/2521