Add badge as comment counter

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

@@ -12,7 +12,9 @@
   <span class="fill-remaining-space"></span>
 
   <div class="button-bar" fxLayoutAlign="center center">
-    <button mat-icon-button class="searchBarButton" *ngIf="!searchBox.value && comments && comments.length > 0"
+    <button mat-mini-fab color="primary" class="comment-counter" *ngIf="comments && comments.length > 0">{{comments.length}}</button>
+
+    <button mat-icon-button class="searchBarButton" *ngIf="!searchBox.value && comments.length > 0"
             [matMenuTriggerFor]="filterMenu" matTooltip="{{ 'comment-list.filter-comments' | translate }}">
       <mat-icon class="searchBarIcon">filter_list</mat-icon>
     </button>

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

@@ -79,3 +79,7 @@ h4  {
 .unread-icon {
   color: var(--yellow);
 }
+
+.comment-counter {
+  font-size: 18pt;
+}