Change comment list to load comment components

src/app/components/shared/comment-list/comment-list.component.html

 <mat-toolbar >List of Questions</mat-toolbar>
 <mat-card class="outer-card">
-  <mat-card class="card-container" *ngFor="let comment of comments">
-    <mat-card-title>{{comment.subject}}</mat-card-title>
-    <mat-divider></mat-divider>
-    <mat-card-content>
-      <p>{{comment.body}}</p>
-    </mat-card-content>
-  </mat-card>
+    <app-comment *ngFor="let current of comments" [comment]="current"> </app-comment>
 </mat-card>

src/app/components/shared/comment-list/comment-list.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Location } from '@angular/common';
 import { Comment } from '../../../models/comment';

src/app/components/shared/shared.module.ts

@@ -21,6 +21,7 @@ import { RoomJoinComponent } from './room-join/room-join.component';
 import { RoomCreateComponent } from './_dialogs/room-create/room-create.component';
 import { LoginComponent } from './login/login.component';
 import { StatisticHelpComponent } from './_dialogs/statistic-help/statistic-help.component';
+import { CommentComponent } from './comment/comment.component';
 
 @NgModule({
   imports: [
@@ -48,7 +49,8 @@ import { StatisticHelpComponent } from './_dialogs/statistic-help/statistic-help
     StatisticComponent,
     RoomCreateComponent,
     LoginComponent,
-    StatisticHelpComponent
+    StatisticHelpComponent,
+    CommentComponent
   ],
   exports: [
     RoomJoinComponent,