fix: button still usable when disabled

Author: BGruenberg

src/app/admin-dashboard/admin-dashboard.component.html

@@ -43,12 +43,12 @@ <h1 class="text-primary" data-id="adminHeading">{{ 'poll.configure' | translate
               <div class="row">
                 <div class="col col-12">
                   <button
+                    role="switch"
+                    type="button"
                     (click)="toggleStatus()"
-                    [attr.aria-disabled]="isStatusDisabled"
-                    [ngClass]="{'disabled': isStatusDisabled}"
-                    class="w-100 btn-circle"
                     data-id="statusPollButton"
-                    role="switch"
+                    class="w-100 btn-circle"
+                    [attr.aria-disabled]="isStatusDisabled"
                     [attr.aria-checked]="isStarted"
                   >
                     <!--suppress HtmlUnknownTarget no inspection for this dynamic src path -->

src/app/admin-dashboard/admin-dashboard.component.ts

@@ -39,6 +39,8 @@ export class AdminDashboardComponent implements OnInit {
   }
 
   public toggleStatus(): void {
+    if (this.isStatusDisabled) return;
+
     const statusType = this.isStarted
       ? AppointmentStatusType.Paused
       : AppointmentStatusType.Started;