refactor: update to ionic v6

src/app/modules/schedule/page/schedule-page.html

@@ -51,14 +51,18 @@
   <stapps-single-events *ngSwitchCase="'single'"></stapps-single-events>
 </div>
 
-<ion-fab
-  *ngIf="fabVisible"
-  @fabAnimation
-  vertical="bottom"
-  horizontal="end"
-  slot="fixed"
->
-  <ion-fab-button (click)="showCreateEventModal()">
+<ion-fab id="add-events-fab" vertical="bottom" horizontal="end" slot="fixed">
+  <ion-fab-button>
     <ion-icon name="add"></ion-icon>
   </ion-fab-button>
 </ion-fab>
+
+<ion-modal
+  trigger="add-events-fab"
+  swipeToClose="true"
+  [presentingElement]="routerOutlet.nativeEl"
+>
+  <ng-template>
+    <modal-event-creator style="height: 100%"></modal-event-creator>
+  </ng-template>
+</ion-modal>