feat: apply new layout overhaul

src/app/modules/schedule/page/grid/schedule-card.html

@@ -13,41 +13,30 @@
   ~ this program. If not, see <https://www.gnu.org/licenses/>.
   -->
 
+<!-- add +45 to margin--top to correct for date header height -->
 <ion-card
   [style.height.px]="height * scale"
-  [style.marginTop.px]="(fromY - fromHour) * scale - 5"
+  [style.marginTop.px]="noOffset ? 0 : (fromY - fromHour) * scale - 5 + 45"
   [routerLink]="['/data-detail', scheduleEvent.dateSeries.event.uid]"
+  [class.defaultCard]="cardColor.isDefault"
+  [class.blueCard]="cardColor.isBlue"
+  [class.blackCard]="cardColor.isBlack"
+  class="clickable"
 >
   <ion-card-header mode="md">
     <ion-card-title>
       {{
-        this.scheduleEvent.dateSeries.event.name
-          | nullishCoalesce: this.scheduleEvent.dateSeries.name
+        this.scheduleEvent?.dateSeries?.event?.name
+          | nullishCoalesce: this.scheduleEvent?.dateSeries?.name
       }}
     </ion-card-title>
-    <ion-card-subtitle>
-      <ion-icon name="calendar"></ion-icon>
-      <span
-        class="repetitions"
-        *ngIf="scheduleEvent.dateSeries.repeatFrequency"
-      >
-        {{ 'schedule.card.forEach' | translate }}
-        {{
-          scheduleEvent.dateSeries.repeatFrequency
-            | durationLocalized: true
-            | sentencecase
-        }}
-        {{ 'schedule.card.until' | translate }}
-        {{
-          scheduleEvent.dateSeries.dates | last | amDateFormat: 'DD. MMM YYYY'
-        }}
-      </span>
-    </ion-card-subtitle>
   </ion-card-header>
   <ion-card-content>
     <ion-note>
       {{ getNote() }}
     </ion-note>
+    <ion-text *ngIf="showPlaceName" class="place-name">{{
+      scheduleEvent?.dateSeries?.inPlace?.name
+    }}</ion-text>
   </ion-card-content>
-  <div></div>
 </ion-card>