feat: apply new layout overhaul

src/app/modules/dashboard/dashboard.component.html

@@ -0,0 +1,46 @@
+<ion-header>
+  <ion-toolbar class="ion-hide-md-up">
+    <ion-label slot="start">{{
+      'dashboard.header.title' | daytimeKey | translate
+    }}</ion-label>
+    <ion-img src="assets/imgs/logo.png" class="logo"></ion-img>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <div class="schedule">
+    <a [routerLink]="['/schedule/recurring']">
+      <ion-icon name="layout-grid"></ion-icon>
+      <ion-label>{{ 'schedule.recurring' | translate }}</ion-label>
+    </a>
+    <a
+      *ngIf="nextEvent && nextEvent.event"
+      [routerLink]="['/data-detail', nextEvent.event.uid]"
+      class="schedule-item-button"
+    >
+      <ion-label>{{ 'dashboard.schedule.title' | translate }}</ion-label>
+      <ion-label>
+        {{ nextEvent.dates | nextDateInList | amDateFormat: 'll, HH:mm' }}
+        {{ 'timeSuffix' | translate }}
+      </ion-label>
+      <ion-label>{{ nextEvent.event.name }}</ion-label>
+    </a>
+    <a
+      *ngIf="!nextEvent || !nextEvent.event"
+      [routerLink]="['/schedule/recurring']"
+      class="schedule-item-button"
+    >
+      <ion-label>{{ 'dashboard.schedule.title' | translate }}</ion-label>
+      <ion-label>{{ 'dashboard.schedule.noEvent' | translate }}</ion-label>
+      <ion-label>{{ 'dashboard.schedule.noEventLink' | translate }}</ion-label>
+    </a>
+  </div>
+
+  <div class="scrollable-container">
+    <stapps-navigation-section></stapps-navigation-section>
+    <stapps-search-section></stapps-search-section>
+    <stapps-news-section></stapps-news-section>
+    <stapps-mensa-section></stapps-mensa-section>
+    <stapps-favorites-section></stapps-favorites-section>
+  </div>
+</ion-content>