Improve usability by eliminating page reloads

apps/client/src/app/components/admin-overview/admin-overview.html

@@ -46,16 +46,6 @@
     <div class="col">
       <mat-card appearance="outlined" class="mb-3">
         <mat-card-content>
-          @if (isLoading) {
-            <ngx-skeleton-loader
-              animation="pulse"
-              class="my-3"
-              [theme]="{
-                height: '1.5rem',
-                width: '100%'
-              }"
-            />
-          } @else {
           <div class="d-flex my-3">
             <div class="w-50" i18n>User Signup</div>
             <div class="w-50">
@@ -63,6 +53,7 @@
                 color="primary"
                 hideIcon="true"
                 [checked]="isUserSignupEnabled"
+                [disabled]="isLoading"
                 (change)="onEnableUserSignupModeChange($event)"
               />
             </div>
@@ -75,6 +66,7 @@
                   color="primary"
                   hideIcon="true"
                   [checked]="isReadOnlyMode"
+                  [disabled]="isLoading"
                   (change)="onReadOnlyModeChange($event)"
                 />
               </div>
@@ -87,6 +79,7 @@
                 color="primary"
                 hideIcon="true"
                 [checked]="isDataGatheringEnabled"
+                [disabled]="isLoading"
                 (change)="onEnableDataGatheringChange($event)"
               />
             </div>
@@ -116,17 +109,13 @@
                     mat-flat-button
                     (click)="onSetSystemMessage()"
                   >
-                      <ion-icon
-                        class="mr-1"
-                        name="information-circle-outline"
-                      />
+                    <ion-icon class="mr-1" name="information-circle-outline" />
                     <span i18n>Set Message</span>
                   </button>
                 }
               </div>
             </div>
           }
-          }
           <div class="d-flex my-3">
             <div class="w-50" i18n>Housekeeping</div>
             <div class="w-50">