-een gebruiker kan meerdere bedrijven hebben

-manier van afspraken maken veranderd in de backend ivm meerdere bedrijven gebruiker
 -email is aangepast op bedrijf en gebruiker
 -dropdown voor instellingen toegevoegd

src/app/pages/agenda/agenda.component.html

@@ -12,12 +12,12 @@
     <h1 class="date" id="geselecteerdeDatum" (click)="toggleCalendar()">{{ getDate() }}
       <tui-icon
         *ngIf="!showCalendar"
-      icon="@tui.chevron-down"
-      [style.color]="'var(--tui-background-accent-1)'"/>
+        icon="@tui.chevron-down"
+        [style.color]="'var(--tui-background-accent-1)'"/>
       <tui-icon
         *ngIf="showCalendar"
-      icon="@tui.chevron-up"
-      [style.color]="'var(--tui-background-accent-1)'"/>
+        icon="@tui.chevron-up"
+        [style.color]="'var(--tui-background-accent-1)'"/>
     </h1>
     <button
       appearance="primary"
@@ -52,7 +52,7 @@
       size="m"
       tuiButton
       id="afspraakMaken"
-      (click)="isModalOpen = true"
+      (click)="showNewItem = true"
       type="button">
       <tui-icon
         icon="@tui.plus"
@@ -60,6 +60,23 @@
       />
       Afspraak maken
     </button>
+    <button
+      appearance="secondary"
+      size="m"
+      tuiButton
+      id="instellingen"
+      (click)="openSettings()"
+      [tuiDropdown]="dropdownContent"
+      [tuiDropdownManual]="open"
+      type="button">
+      <tui-icon
+        icon="@tui.settings"
+        [style.height.rem]="1">
+      </tui-icon>
+    </button>
+    <ng-template #dropdownContent>
+      <div class="dropdown">But there is nothing to choose...</div>
+    </ng-template>
   </div>
   <div class="content">
     <div class="agenda-container">
@@ -88,7 +105,7 @@
   </div>
 </div>
 
-<app-modal title="Nieuwe afspraak" (close)="closeNewItemModal()" *ngIf="isModalOpen">
+<app-modal title="Nieuwe afspraak" (close)="closeNewItemModal()" *ngIf="showNewItem">
   <app-new-item [appointments]="appointments" [appointmentForm]="appointmentForm"
                 (appointmentAddedEvent)="registerAppointment($event)"></app-new-item>
 </app-modal>