Implement new dex view design

[ghost]

Closes #1268
Closes #1342
Closes #1488

[smk762]

When sidebar expanded, orderform overflows. Seems extra whitespace next to sidebar.

history data clipped

[tonymorony]

There is no chart at the moment

Figma:

history data clipped ref such cases I think we should ask @polevin to draw pro view for minimal app size, that should help. right now it drawn for maximised window

@SylEze what is the min screen size you need design for?

[smk762]

It is also clipped at full screen size @ 3840*1080

[tonymorony]

@SylEze what is the min screen size you need design for?

[tonymorony]

looks good so far on my side, great job!

@Canialon could you please carefully test DEX -> Pro view?

the only pb I noticed so far is a small glitch on modal:

[smk762]

Closes #1463 ❔

• Need to test this on a different monitor

Closes #1268 ❌

• No tooltip seen for insufficient gas error
• There is now whitespace where tooltip used to be - we should re-align columns so price is closer to left edge of line.
  

Closes #1342 ✔️

• Overflow no longer visible, and ellipses visible in both light/dark
• We could improve this with more linebreaks or "mouseover ticker shows fullname" & "mouseover balance shows fiat value", but will leave that for a future PR
  
  

Closes #1473 ❌

• I still see some chart dancing when sidebar expands if the orderbook / form is hidden. It's ok when everything shown tho.

chart-expand-retract.mp4

Closes #1488 ✔️

• Aligned right as requested

[smk762]

P.S. lets try to solve in this rework as many small issues related to this view as possible:

#1488

• Comment above, fixed in current CI build for this branch

#1473

• Comment above

#1462

• Awaiting figma design

#1342

• Comment above, fixed in current CI build for this branch

#1315

• Still unable to replicate locally (no stablecoins in my bestorders list, even when creating one externally. Potential bug, should relegate to new issue)

#1326

• being worked on in Show full coin name (including protocol) in a best orders row #1688

#1268

• Comment above

#858

• Closed by redraw bars when data changes #1666

[ghost]

P.S. lets try to solve in this rework as many small issues related to this view as possible:
#1488

* Comment above, fixed in current CI build for this branch

#1473

* Comment above

#1462

* Awaiting figma design

#1342

* Comment above, fixed in current CI build for this branch

#1315

* Still unable to replicate locally (no stablecoins in my bestorders list, even when creating one externally. Potential bug, should relegate to new issue)

#1326

* being worked on in [Show full coin name (including protocol) in a best orders row #1688](https://github.com/KomodoPlatform/atomicDEX-Desktop/pull/1688)

#1268

* Comment above

#858

* Closed by [redraw bars when data changes #1666](https://github.com/KomodoPlatform/atomicDEX-Desktop/pull/1666)

I will not fix every issue mentionned in this PR, only the issues I put in the description

It has already sufficient changes: those ones will be fixed in another pull requests

[smk762]

@SylEze @tonymorony suggest we merge this in current state and then address the following issues separately (or move to new issues):

• Moving menu introduced a visual bug with the moving chart #1473 -> [FEATURE REQUEST]: add nomics charts #1420
• Custom confirmation settings layout fix conf settings width #1703
• more linebreaks or "mouseover ticker shows fullname" & "mouseover balance shows fiat value" for dex combo box selectors
• No tooltip seen for insufficient gas error on orderbook hover extra cases for orderbook error tooltip #1705
• better orderbook left column alignment
• [BUG]: Bestorders doesnt indicate where ERC / BEP variant #1326 (currently PR'd to this branch, better to PR to dev once missing bestorders issue is merged 2cbb91f )
• Confirm layout ok at 1366x768 [FEATURE REQUEST]: DEX pro view enhancement #1463 (comment)
• [BUG]: for confusing when doing cross protocol swaps of same coin  #1462

[smk762]

Approving, outstanding issues to be dealt with separately. @SylEze please remove incomplete issue numbers # from your comment before merging so they don't close prematurely