[Batch Viewer] Differentiate SELL and BUY orders

[matextrem]

Summary

Closes #45

Updated batch viewer logic in order to add order kind to differentiate between SELL and BUY orders.

To Test

1. Open tx page and go to the batch diagram view. (i.e : tx/0xc2eb04b549d68c770062591e2561c5b1534ea665c6179d33a779c52376c9161d)

• You will see red edges for SELL orders and GREEN edges for BUY ones.

[coveralls]

Pull Request Test Coverage Report for Build 2452405573

Warning: This coverage report may be inaccurate.

We've detected an issue with your CI configuration that might affect the accuracy of this pull request's coverage report.
To ensure accuracy in future PRs, please see these guidelines.
A quick fix for this PR: rebase it; your next report should be accurate.

• 6 of 6 (100.0%) changed or added relevant lines in 2 files are covered.
• 16 unchanged lines in 1 file lost coverage.
• Overall coverage remained the same at 44.121%

---

Files with Coverage Reduction	New Missed Lines	%
src/const.ts	16	81.82%

Totals
Change from base Build 2437563327:	0.0%
Covered Lines:	2172
Relevant Lines:	4190

---

💛 - Coveralls

[github-actions]

• 🔭 Explorer: Explorer test app
• 🔒 Safe Swap App: Trade test app (add to your safe apps)
• 📈 Trade: Trade test app
• 📚 Storybook: Component stories

[alfetopito]

Henry (sorry) Mati, for some reason this one still shows grey edges

https://pr108--explorer.review.gnosisdev.com/tx/0xc2eb04b549d68c770062591e2561c5b1534ea665c6179d33a779c52376c9161d?tab=graph

[elena-zh]

Hey @matextrem , for some orders I can see this differentiation https://pr108--explorer.review.gnosisdev.com/gc/tx/0x3f1aac7fb6eef92e253defb065e39873cc494ef5f4ccfb2644792c7aba937857/?tab=graph
However, as @alfetopito , I do not see lines in red and in green for the diagram you provided.

[ramirotw]

@alfetopito @elena-zh I believe we need to cherry-pick the merge barn/prod responses commit to fix the grey arrows as we are using the orders' response to get the buy/sell type of each order.

[elena-zh]

LGTM!