Merge legacy and mining /blocks components and APIs

frontend/src/app/components/blocks-list/blocks-list.component.scss

@@ -6,6 +6,9 @@
   padding-left: 0px;
   padding-bottom: 0px;
 }
+.container-xl.legacy {
+  max-width: 1140px;
+}
 
 .container {
   max-width: 100%;
@@ -58,6 +61,9 @@ tr, td, th {
     width: 10%;
   }
 }
+.height.legacy {
+  width: 15%;
+}
 
 .timestamp {
   width: 18%;
@@ -65,6 +71,9 @@ tr, td, th {
     display: none;
   }
 }
+.timestamp.legacy {
+  width: 20%;
+}
 
 .mined {
   width: 13%;
@@ -72,6 +81,12 @@ tr, td, th {
     display: none;
   }
 }
+.mined.legacy {
+  width: 15%;
+  @media (max-width: 576px) {
+    display: table-cell;
+  }
+}
 
 .txs {
   padding-right: 40px;
@@ -88,6 +103,10 @@ tr, td, th {
     display: none;
   }
 }
+.txs.legacy {
+  padding-right: 80px;
+  width: 10%;
+}
 
 .fees {
   width: 10%;
@@ -126,6 +145,12 @@ tr, td, th {
     display: none;
   }
 }
+.size.legacy {
+  width: 20%;
+  @media (max-width: 576px) {
+    display: table-cell;
+  }
+}
 
 /* Tooltip text */
 .tooltip-custom {