refactor: rework components

frontend/app/src/app/modules/settings/settings.module.ts

@@ -16,7 +16,6 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {RouterModule, Routes} from '@angular/router';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
@@ -34,6 +33,23 @@ import {CalendarModule} from '../calendar/calendar.module';
 import {BackgroundModule} from '../background/background.module';
 import {UtilModule} from '../../util/util.module';
 import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonHeader,
+  IonItem,
+  IonItemDivider,
+  IonItemGroup,
+  IonLabel,
+  IonList,
+  IonTitle,
+  IonToggle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
 
 const settingsRoutes: Routes = [{path: 'settings', component: SettingsPageComponent}];
 
@@ -54,11 +70,25 @@ const settingsRoutes: Routes = [{path: 'settings', component: SettingsPageCompon
     CalendarModule,
     IonIconModule,
     BackgroundModule,
-    IonicModule.forRoot(),
     TranslateModule.forChild(),
     ThingTranslateModule.forChild(),
     RouterModule.forChild(settingsRoutes),
     UtilModule,
+    IonHeader,
+    IonToolbar,
+    IonButtons,
+    IonTitle,
+    IonList,
+    IonButton,
+    IonCard,
+    IonCardHeader,
+    IonCardSubtitle,
+    IonCardContent,
+    IonItemGroup,
+    IonItemDivider,
+    IonLabel,
+    IonItem,
+    IonToggle,
   ],
   providers: [
     ScheduleSyncService,