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/app/components/search-form/search-form.component.scss

@@ -7,17 +7,11 @@
 
 form {
   margin-top: 5px;
-}
-
-@media (min-width: 576px) {
-  form {
+  @media (min-width: 576px) {
     margin-top: 0px;
     margin-left: 8px;
-  }
-}
-
-@media (min-width: 992px) {
-  form {
+  }  
+  @media (min-width: 992px) {
     width: 100%;
   }
 }
@@ -28,30 +22,19 @@ form {
 
 .search-box-container {
   width: 100%;
-}
-
-.search-box-container input {
-  border: 0px;
-}
-
-.search-box-container .btn {
-  width: 100px;
-}
-
-@media (min-width: 768px) {
-  .search-box-container {
+  @media (min-width: 768px) {
     min-width: 400px;
   }
-}
-
-@media (min-width: 992px) {
-  .search-box-container {
-    min-width: 260px;
+  @media (min-width: 992px) {
+    min-width: 200px;
   }
-}
-
-@media (min-width: 1200px) {
-  .search-box-container {
+  @media (min-width: 1200px) {
     min-width: 300px;
   }
-}
+  input {
+    border: 0px;
+  }
+  .btn {
+    width: 100px;
+  }
+}