New concept for dashboard layout components. (#469)

* New concept for dashboard layout components.

* Align dashboard componentes.

* Add divider to fee box component.

* Remove TV icon from mobile and tablet queries.

* Fix form input overflow.

* Add responsive css to statistic component.

* Add responsive css to about page.

* Add global padding bottom.

* Fix graph page styles.

* Add responsive chart and scrollable table.

* Fix mobile css query for navbar menus.

* Fix pagination responsive css.

* Add CSS animated logo.

* Revert "Add CSS animated logo."

This reverts commit 92af38294c0d4fe815a801b37635cde7f8ee1ced.

* Add extra skeleton to fee-box-component.

* Fix latest-blocks and latest-transactions table css.

* Adapt Bisq pages to responsive layout.

* Remove parenthesis from fiat amout.
Fiat prive break not break on desktop.
Transaction ID align left.
Fee box skeleton width resize.

* Fix mobile table text-size.

* Fix dashboard mempool info mobile alignment.

frontend/src/styles.scss

@@ -55,10 +55,15 @@ html, body {
 body {
   background-color: #11131f;
   min-width: 320px;
+  padding-bottom: 60px;
 }
 
 .container {
   position: relative;
+  padding-bottom: 60px;
+}
+.container-xl {
+  padding-bottom: 60px;
 }
 
 :focus {
@@ -161,6 +166,26 @@ body {
   }
 }
 
+.symbol {
+	color: #ffffff66;
+	font-size: 11px;
+}
+
+.break-all {
+  white-space: normal;
+  word-break: break-all;
+}
+
+.title-block {
+  color: #FFF;
+  padding-top: 20px;
+  padding-bottom: 10px;
+  border-top: 3px solid #FFF;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
 .smaller-text {
   font-size: 14px;
 }
@@ -175,6 +200,10 @@ body {
 
 .table {
   margin-bottom: 0;
+  font-size: 0.9rem;
+  @media (min-width: 576px) {
+    font-size: 1rem;
+  }
 }
 
 .close {