Change 'read'-filter-icon to beamer-icon

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

@@ -76,12 +76,7 @@
 
       <button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.read' | translate }}"
               (click)="filterComments(read)">
-        <mat-icon [ngClass]="{read: 'read-icon'}[currentFilter]">speaker_notes</mat-icon>
-      </button>
-
-      <button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.unread' | translate }}"
-              (click)="filterComments(unread)">
-        <mat-icon [ngClass]="{unread: 'unread-icon'}[currentFilter]">speaker_notes_off</mat-icon>
+        <mat-icon svgIcon="beamer" [ngClass]="{read: 'read-icon'}[currentFilter]"></mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(currentSort); filterComments('')">

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

@@ -116,10 +116,6 @@ h4  {
   color: var(--yellow);
 }
 
-.unread-icon {
-  color: var(--purple);
-}
-
 .counter {
   color: var(--on-background);
 }

src/app/components/shared/comment/comment.component.scss

@@ -33,10 +33,6 @@ mat-card-content > :first-child {
   color: var(--green);
 }
 
-.read-icon {
-  color: var(--blue);
-}
-
 .favorite-icon {
   color: var(--yellow);
 }