resolved bug and integrated face link

test-Angular - Copy/src/app/app-routing.module.ts

@@ -2,13 +2,15 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { AudioComponent } from './audio/audio.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
+import { FacialExpressionComponent } from './facial-expression/facial-expression.component';
 import { HomeComponent } from './home/home.component';
 
 const routes: Routes = [
   {path:'',redirectTo:'home',pathMatch:'full'},
   {path:'home',component:HomeComponent},
   {path:'dashboard',component:DashboardComponent},
-  {path:'audio',component:AudioComponent}
+  {path:'audio',component:AudioComponent},
+  {path:'facial-expression',component:FacialExpressionComponent}
 ];
 
 @NgModule({

test-Angular - Copy/src/app/app.module.ts

@@ -16,6 +16,7 @@ import { MatDividerModule } from '@angular/material/divider';
 import { MatListModule } from '@angular/material/list';
 import { AudioComponent } from './audio/audio.component';
 
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -35,7 +36,8 @@ import { AudioComponent } from './audio/audio.component';
     MatMenuModule,
     MatIconModule,
     MatDividerModule,
-    MatListModule,
+    MatListModule
+   
   ],
   providers: [],
   bootstrap: [AppComponent]

test-Angular - Copy/src/app/home/home.component.css

@@ -12,7 +12,7 @@
 }
 
 .page__content{
-    min-height: calc(100vh - 178px);
+    min-height: calc(150vh - 178px);
     border-radius: 10px;
     margin-top: -2rem;
     background: white;

test-Angular - Copy/src/app/sidenav/sidenav.component.html

@@ -12,7 +12,8 @@
       </a>
       <a mat-list-item routerLinkActive="list-item-active" routerLink="/audio">
          <mat-icon>mic</mat-icon> Audio Recognition </a>
-      <a mat-list-item> <mat-icon>edit</mat-icon> Link 4 </a>
+         <a mat-list-item routerLinkActive="list-item-active" routerLink="/facial-expression">
+          <mat-icon>face</mat-icon> Facial Recognition </a>
       <a mat-list-item> <mat-icon>edit</mat-icon> Link 5 </a>
       <a mat-list-item> <mat-icon>edit</mat-icon> Link 6 </a>
 </mat-nav-list>