General Code Cleanup

src/MistoxWebsite.Client/src/app/pages/account/forgotpassword/forgotpassword.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
+import { Component } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';

src/MistoxWebsite.Client/src/app/pages/account/login/login.component.ts

@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
-import { Account } from '../../../models/Account';
 import { Title } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 import { Authentication, SessionType } from '../../../services/Authentication';

src/MistoxWebsite.Client/src/app/pages/account/logout/logout.component.ts

@@ -2,13 +2,12 @@ import { Component } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
-import { Account } from '../../../models/Account';
 import { Title } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 import { Authentication } from '../../../services/Authentication';
 
 @Component({
-  selector: 'account-login',
+  selector: 'account-logout',
   templateUrl: './logout.component.html',
   imports: [ FormsModule, CommonModule ],
   standalone: true

src/MistoxWebsite.Client/src/app/pages/account/resetpassword/resetpassword.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
+import { Component } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';

src/MistoxWebsite.Client/src/app/pages/account/settings/settings.component.ts

@@ -7,7 +7,7 @@ import { Title } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 
 @Component({
-  selector: 'account-register',
+  selector: 'account-settings',
   templateUrl: './settings.component.html',
   imports: [ FormsModule, CommonModule ]
 })

src/MistoxWebsite.Client/src/app/pages/account/verifyemail/verifyemail.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
+import { Component } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';

src/MistoxWebsite.Client/src/app/pages/legal/about/about.component.ts

@@ -6,7 +6,7 @@ import { Title } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 
 @Component({
-  selector: 'account-forgot',
+  selector: 'legal-about',
   templateUrl: './about.component.html',
   imports: [ FormsModule, CommonModule ]
 })

src/MistoxWebsite.Client/src/app/pages/project/mist/mist.component.ts

@@ -6,7 +6,7 @@ import { Title } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 
 @Component({
-  selector: 'account-forgot',
+  selector: 'project-mist',
   templateUrl: './mist.component.html',
   imports: [ FormsModule, CommonModule ]
 })

src/MistoxWebsite.Client/src/app/pages/store/catalog/catalog.component.ts

@@ -1,17 +1,17 @@
 import { Component } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
-import { Router, ActivatedRoute } from '@angular/router';
+import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 import { Title } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
 import { Authentication } from '../../../services/Authentication';
 import { Product } from 'app/models/Product';
 
 @Component({
-  selector: 'account-forgot',
+  selector: 'catalog',
   templateUrl: './catalog.component.html',
   styleUrl: './catalog.component.css',
-  imports: [ FormsModule, CommonModule ]
+  imports: [ FormsModule, CommonModule, RouterModule ]
 })
 export class CatalogComponent {
 
@@ -25,7 +25,5 @@ export class CatalogComponent {
         this.Products = response;
       }
     )
-
   };
-
 }

src/MistoxWebsite.Client/src/app/services/Authentication.ts

@@ -1,7 +1,7 @@
 import { Injectable } from "@angular/core";
 import { Account } from "../models/Account";
 import { BehaviorSubject, Observable } from "rxjs";
-import { HttpClient, HttpHandler, HttpHeaders, HttpParams } from "@angular/common/http";
+import { HttpClient, HttpHeaders, HttpParams } from "@angular/common/http";
 
 @Injectable({ providedIn: 'root' })
 export class Authentication{