feat: apply new layout overhaul

src/app/modules/settings/item/settings-item.html

@@ -12,7 +12,7 @@
       {{ vals.name }}
       <ion-icon
         *ngIf="compactView"
-        name="information-circle-outline"
+        name="info-circle"
         (click)="presentAlert(vals.name, vals.desc)"
       ></ion-icon>
     </ion-card-subtitle>

src/app/modules/settings/page/calendar-sync-settings.html

@@ -66,7 +66,7 @@
             (click)="syncCalendar(true)"
           >
             <ion-label>Sync Now</ion-label>
-            <ion-icon slot="end" name="sync"></ion-icon>
+            <ion-icon slot="end" name="refresh"></ion-icon>
           </ion-button>
         </ion-item>
         <ion-item *ngIf="isWeb">
@@ -97,7 +97,7 @@
             <ion-label>{{
               'settings.calendar.export.backup' | translate
             }}</ion-label>
-            <ion-icon slot="end" name="save"></ion-icon>
+            <ion-icon slot="end" name="device-floppy"></ion-icon>
           </ion-button>
           <ion-button fill="clear" (click)="restoreInput.click()">
             <ion-label>{{

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

@@ -1,8 +1,10 @@
 <ion-header>
-  <ion-toolbar color="primary">
+  <ion-toolbar color="primary" mode="ios">
     <ion-buttons slot="start">
-      <ion-back-button></ion-back-button>
-      <ion-menu-button></ion-menu-button>
+      <ion-back-button
+        [defaultHref]="'..'"
+        [text]="'back' | translate | titlecase"
+      ></ion-back-button>
     </ion-buttons>
     <ion-title>{{ 'settings.title' | translate | titlecase }}</ion-title>
   </ion-toolbar>
@@ -43,6 +45,6 @@
     (click)="presentResetAlert()"
   >
     {{ 'settings.resetSettings' | translate }}
-    <ion-icon slot="start" name="undo"></ion-icon>
+    <ion-icon slot="start" name="arrow-back-up"></ion-icon>
   </ion-button>
 </ion-content>

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

@@ -33,6 +33,7 @@ import {ScheduleSyncService} from '../background/schedule/schedule-sync.service'
 import {CalendarService} from '../calendar/calendar.service';
 import {CalendarModule} from '../calendar/calendar.module';
 import {BackgroundModule} from '../background/background.module';
+import {UtilModule} from '../../util/util.module';
 
 const settingsRoutes: Routes = [
   {path: 'settings', component: SettingsPageComponent},
@@ -58,6 +59,7 @@ const settingsRoutes: Routes = [
     TranslateModule.forChild(),
     ThingTranslateModule.forChild(),
     RouterModule.forChild(settingsRoutes),
+    UtilModule,
   ],
   providers: [
     ScheduleSyncService,