UI issues in the page: "Trade"

[diva-exchange]

Migrated from https://codeberg.org/diva.exchange/diva/issues/7 and https://codeberg.org/diva.exchange/diva/issues/8

Footer:

1. The information about the Role, Karma, Connection and the option to change the language disappears for screens smaller than 1024px.

Order Box:

2. In small screens (width <= 970px) Overlapping Buy/Sell dropdown form element with the Contract logo

Panel orderbook ("My Orders & Trades"):

3. In small screens (width <= 900px) Overlapping Buy with Sell prices in the "Orders" Tab
4. In small screens (width <= 920px) Overlapping amount of the Sell column with the Bin icon
5. In small screens (width <= 810px) Overlapping Buy with Sell amounts in the "Orders" Tab

Panel market ("Market"):

6. In small screens (width <= 900px) Overlapping Buy with Sell prices in the "Orders" Tab

7. Extreme case: On Smartphone "Galaxy Fold" (width = 280px) the column Buy gets totally overlapped with the column Sell.

---

The language selection can be moved to the Config page. The rest of the information in the footer is not crucial and can be moved somewhere else or simply not get displayed on small devices. There is a compromise between info displayed and space available on the screen.

---

1. It's not cleat that in the "My Orders & Trades" panel that there are two tabs: "Orders" and "Trades" and that clicking on these words the user can move to the other tab.
2. From user perspective, the icons (the bin) should be very much at the side of the block.
3. In the "My Orders & Trades" panel is not clear that there is one Buy and one Sell columns and which is each. In the "Market" panel this has been temporarily fixed by adding the text "(Sell)" and "(Buy)" in each column's header.
4. Not clear what kind of information is displayed in the "Trades" tab in the "My Orders & Trades" panel. Currently hardcoded information is displayed. Only the time (and not the date) is displayed. --> The entire tab needs to be defined and then re-designed accordingly.
5. Is it wanted the the Asset panel floats right below the "My Orders & Trades" panel and shifts down the Market panel when the screen width forces to have only one column?