chore(app): shrink CommonModule usage to exact submodule use

Author: michael-small

apps/demo/src/app/core/sidebar/sidebar.component.ts

@@ -1,5 +1,5 @@
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-import { CommonModule } from '@angular/common';
+import { AsyncPipe } from '@angular/common';
 import { Component, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -13,12 +13,12 @@ import { map, shareReplay } from 'rxjs';
   selector: 'demo-sidebar-cmp',
   imports: [
     RouterModule,
-    CommonModule,
     MatToolbarModule,
     MatButtonModule,
     MatSidenavModule,
     MatIconModule,
     MatListModule,
+    AsyncPipe,
   ],
   templateUrl: './sidebar.component.html',
   styleUrls: ['./sidebar.component.css'],

apps/demo/src/app/shared/flight-card.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+import { DatePipe } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -10,7 +10,7 @@ import { initFlight } from './flight';
 
 @Component({
   selector: 'demo-flight-card',
-  imports: [CommonModule, RouterModule],
+  imports: [RouterModule, DatePipe],
   templateUrl: './flight-card.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })