rename 404 page

src/app/app-routing.module.ts

 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { PageNotFoundPageComponent } from './components/pages/page-not-found-page/page-not-found-page.component';
+import { PageNotFoundComponent } from './components/pages/page-not-found/page-not-found.component';
 import { LoginComponentPageComponent } from './components/pages/login-page/login-page.component';
 import { HomeCreatorPageComponent } from './components/pages/home-creator-page/home-creator-page.component';
 import { CommentCreatePageComponent } from './components/pages/comment-create-page/comment-create-page.component';
@@ -105,7 +105,7 @@ const routes: Routes = [
   },
   {
     path: '**',
-    component: PageNotFoundPageComponent
+    component: PageNotFoundComponent
   }
 ];
 

src/app/app.module.ts

@@ -10,7 +10,7 @@ import { PasswordResetComponent } from './components/dialogs/password-reset/pass
 import { CommentListComponent } from './components/fragments/comment-list/comment-list.component';
 import { AppRoutingModule } from './app-routing.module';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { PageNotFoundPageComponent } from './components/pages/page-not-found-page/page-not-found-page.component';
+import { PageNotFoundComponent } from './components/pages/page-not-found/page-not-found.component';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import {
   MAT_DIALOG_DATA,
@@ -102,7 +102,7 @@ import { FooterImprintComponent } from './components/pages/footer-imprint/footer
     AppComponent,
     LoginComponentPageComponent,
     LoginComponent,
-    PageNotFoundPageComponent,
+    PageNotFoundComponent,
     PasswordResetComponent,
     RegisterComponent,
     RoomPageComponent,

src/app/components/pages/page-not-found-page/page-not-found-page.component.spec.ts → src/app/components/pages/page-not-found/page-not-found.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { PageNotFoundPageComponent } from './page-not-found-page.component';
+import { PageNotFoundComponent } from './page-not-found.component';
 
-describe('PageNotFoundPageComponent', () => {
-  let component: PageNotFoundPageComponent;
-  let fixture: ComponentFixture<PageNotFoundPageComponent>;
+describe('PageNotFoundComponent', () => {
+  let component: PageNotFoundComponent;
+  let fixture: ComponentFixture<PageNotFoundComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ PageNotFoundPageComponent ]
+      declarations: [ PageNotFoundComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(PageNotFoundPageComponent);
+    fixture = TestBed.createComponent(PageNotFoundComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/components/pages/page-not-found-page/page-not-found-page.component.ts → src/app/components/pages/page-not-found/page-not-found.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-page-not-found-page',
-  templateUrl: './page-not-found-page.component.html',
-  styleUrls: ['./page-not-found-page.component.scss']
+  selector: 'app-page-not-found',
+  templateUrl: './page-not-found.component.html',
+  styleUrls: ['./page-not-found.component.scss']
 })
-export class PageNotFoundPageComponent implements OnInit {
+export class PageNotFoundComponent implements OnInit {
 
   constructor() { }