[frontend] Add not found page

kibicara-frontend/src/app/shared/heading-one/heading-one.component.scss

@@ -6,6 +6,9 @@
   min-height: 70px;
   padding-left: 10%;
   padding-top: 5%;
+  padding-right: 10%;
+  padding-bottom: 0;
+  margin-bottom: 0;
   color: white;
   font-size: $h1-font-size;
   font-weight: $h1-font-weight;

kibicara-frontend/src/app/shared/not-found/not-found.component.html

@@ -1 +1 @@
-<p>not-found works!</p>
+<app-heading-one [title]="title"></app-heading-one>

kibicara-frontend/src/app/shared/not-found/not-found.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { NotFoundComponent } from './not-found.component';
-
-describe('NotFoundComponent', () => {
-  let component: NotFoundComponent;
-  let fixture: ComponentFixture<NotFoundComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ NotFoundComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(NotFoundComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

kibicara-frontend/src/app/shared/not-found/not-found.component.ts

@@ -6,6 +6,7 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./not-found.component.scss']
 })
 export class NotFoundComponent implements OnInit {
+  title = 'Sorry, this page was not found!';
 
   constructor() { }