Fix linting & tests

Author: sggerard

frontend/src/app/graphql.module.ts

@@ -2,7 +2,6 @@ import { APOLLO_OPTIONS, ApolloModule } from 'apollo-angular';
 import { HttpLink } from 'apollo-angular/http';
 import { NgModule } from '@angular/core';
 import { ApolloClientOptions, InMemoryCache } from '@apollo/client/core';
-import { environment } from 'environments/environment';
 
 const uri = "/graphql"
 export function createApollo(httpLink: HttpLink): ApolloClientOptions<any> {

frontend/src/app/home/home.component.html

@@ -1,7 +1,7 @@
 <div class="hero-banner home-banner">
   <div class="container">
     <div class="container__inner-container">
-      <div class="hero-banner__content">
+      <div class="hero-banner__content" *ngIf="homeData">
         <h1 id="pgTitle">{{homeData.Title}}</h1>
         <p>{{homeData.Description}}</p>
         <div class="hero-banner__content--cta-btns">
@@ -21,11 +21,11 @@ <h1 id="pgTitle">{{homeData.Title}}</h1>
 
       <div class="row">
 
-        <div class="col-lg-8">
+        <div class="col-lg-8" *ngIf="homeData">
           <section class="about-info mb-0" [innerHTML]="homeData.About"></section>
         </div>
 
-        <div class="col-lg-4" *ngIf="fastFacts.length > 0">
+        <div class="col-lg-4" *ngIf="fastFacts && fastFacts.length > 0">
           <section class="fast-facts">
             <h4>Fast Facts about the Mining Industry in British Columbia</h4>
             <ul class="row mb-0" *ngFor="let facts of fastFacts">
@@ -42,7 +42,7 @@ <h4>Fast Facts about the Mining Industry in British Columbia</h4>
     </div>
   </div>
 
-  <div class="fb-container bg-faded" *ngIf="homeData.Mining_blocks">
+  <div class="fb-container bg-faded" *ngIf="homeData && homeData.Mining_blocks">
     <section class="container">
       <h2>Mining in British Columbia</h2>
       <div class="row feature-blocks">
@@ -68,7 +68,7 @@ <h3>Find Mines in B.C.</h3>
     </section>
   </div>
 
-  <div class="fb-container" id="bottom" *ngIf="homeData.Processes_blocks">
+  <div class="fb-container" id="bottom" *ngIf="homeData && homeData.Processes_blocks">
     <section class="container mt-0">
       <h2>Our Processes &amp; Procedures</h2>
       <div class="row">

frontend/src/app/page/page.component.ts

@@ -1,7 +1,6 @@
 import { afterRender, Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Page } from '../models/content/page';
-import { SafeHtmlPipe } from '@app/pipes/safe-html.pipe';
 
 @Component({
   selector: 'app-page',