Adds the correct icon to the mobile action button

Fixes an error where the name of an icon was shown instead of the icons
Adds the projector to agenda detail

client/src/app/shared/components/head-bar/head-bar.component.html

@@ -66,10 +66,10 @@
     (click)="sendMainEvent()"
     matTooltip="{{ mainActionTooltip | translate }}"
 >
-    <mat-icon *ngIf="mainButtonIcon === 'add_circle'; else mainIconBlock">
+    <mat-icon *ngIf="mainButtonIcon === 'add_circle'">
         add
     </mat-icon>
+    <mat-icon *ngIf="mainButtonIcon !== 'add_circle'">
+        {{ mainButtonIcon }}
+    </mat-icon>
 </button>
-<ng-template #mainIconBlock>
-    {{ mainButtonIcon }}
-</ng-template>

client/src/app/site/topics/components/topic-detail/topic-detail.component.html

@@ -101,6 +101,7 @@
 </mat-card>
 
 <mat-menu #topicExtraMenu="matMenu">
+    <os-projector-button [object]="topic" [menuItem]="true"></os-projector-button>
     <os-speaker-button [object]="topic" [menuItem]="true"></os-speaker-button>
     <div>
         <mat-divider></mat-divider>