SSR: Fix initial state of lightning pages & graphs

frontend/src/app/lightning/node-fee-chart/node-fee-chart.component.html

@@ -1,7 +1,7 @@
 <div class="full-container">
   <h2 i18n="lightning.node-fee-distribution">Fee distribution</h2>
   <div class="chart" *browserOnly echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"></div>
-  <div class="text-center loadingGraphs" *ngIf="isLoading">
+  <div class="text-center loadingGraphs" *ngIf="!stateService.isBrowser || isLoading">
     <div class="spinner-border text-light"></div>
   </div>
 </div>

frontend/src/app/lightning/node-fee-chart/node-fee-chart.component.scss

@@ -1,5 +1,7 @@
 .full-container {
+  position: relative;
   margin-top: 25px;
   margin-bottom: 25px;
   min-height: 100%;
-}
+  min-height: 450px;
+}

frontend/src/app/lightning/node-fee-chart/node-fee-chart.component.ts

@@ -5,6 +5,7 @@ import { download } from '../../shared/graphs.utils';
 import { LightningApiService } from '../lightning-api.service';
 import { ActivatedRoute, ParamMap } from '@angular/router';
 import { AmountShortenerPipe } from '../../shared/pipes/amount-shortener.pipe';
+import { StateService } from '../../services/state.service';
 
 @Component({
   selector: 'app-node-fee-chart',
@@ -33,6 +34,7 @@ export class NodeFeeChartComponent implements OnInit {
   constructor(
     @Inject(LOCALE_ID) public locale: string,
     private lightningApiService: LightningApiService,
+    public stateService: StateService,
     private activatedRoute: ActivatedRoute,
     private amountShortenerPipe: AmountShortenerPipe,
   ) {