feat: apply new layout overhaul

src/app/modules/catalog/catalog.component.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>
     <!--TODO: read this from the config (menu item title)-->
     <ion-title>{{ 'catalog.title' | translate | titlecase }}</ion-title>

src/app/modules/catalog/catalog.component.ts

@@ -129,13 +129,18 @@ export class CatalogComponent implements OnInit, OnDestroy {
           );
     if (this.activeSemester && this.selectedSemesterUID === '') {
       this.selectedSemesterUID = this.activeSemester.uid;
-      this.updateLocation(this.selectedSemesterUID);
     }
   }
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   segmentChanged(event: any) {
-    this.updateLocation(event.detail.value as string);
+    if (
+      this.activeSemester &&
+      this.activeSemester.uid !== (event.detail.value as string)
+    ) {
+      this.updateLocation(event.detail.value as string);
+    }
+
     this.activeSemester = this.availableSemesters.find(
       semester => semester.uid === (event.detail.value as string),
     );

src/app/modules/catalog/catalog.module.ts

@@ -22,6 +22,7 @@ import {MomentModule} from 'ngx-moment';
 import {DataModule} from '../data/data.module';
 import {SettingsProvider} from '../settings/settings.provider';
 import {CatalogComponent} from './catalog.component';
+import {UtilModule} from '../../util/util.module';
 
 const catalogRoutes: Routes = [
   {path: 'catalog', component: CatalogComponent},
@@ -41,6 +42,7 @@ const catalogRoutes: Routes = [
     CommonModule,
     MomentModule,
     DataModule,
+    UtilModule,
   ],
   providers: [SettingsProvider],
 })