Save block predictions results in db and show results in a chart

frontend/src/app/graphs/graphs.module.ts

@@ -22,6 +22,7 @@ import { DashboardComponent } from '../dashboard/dashboard.component';
 import { MiningDashboardComponent } from '../components/mining-dashboard/mining-dashboard.component';
 import { HashrateChartComponent } from '../components/hashrate-chart/hashrate-chart.component';
 import { HashrateChartPoolsComponent } from '../components/hashrates-chart-pools/hashrate-chart-pools.component';
+import { BlockPredictionsGraphComponent } from '../components/block-predictions-graph/block-predictions-graph.component';
 import { CommonModule } from '@angular/common';
 
 @NgModule({
@@ -47,6 +48,7 @@ import { CommonModule } from '@angular/common';
     LbtcPegsGraphComponent,
     HashrateChartComponent,
     HashrateChartPoolsComponent,
+    BlockPredictionsGraphComponent,
   ],
   imports: [
     CommonModule,

frontend/src/app/graphs/graphs.routing.module.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { BlockPredictionsGraphComponent } from '../components/block-predictions-graph/block-predictions-graph.component';
 import { BlockFeeRatesGraphComponent } from '../components/block-fee-rates-graph/block-fee-rates-graph.component';
 import { BlockFeesGraphComponent } from '../components/block-fees-graph/block-fees-graph.component';
 import { BlockRewardsGraphComponent } from '../components/block-rewards-graph/block-rewards-graph.component';
@@ -92,6 +93,10 @@ const routes: Routes = [
             path: '',
             redirectTo: 'mempool',
           },
+          {
+            path: 'mining/block-predictions',
+            component: BlockPredictionsGraphComponent,
+          },
         ]
       },
       {