[player] Replace flex layout module in PagesLayoutComponent

projects/player/src/app/components/layouts/pages-layout/pages-layout.component.html

 <div class="pages-container"
      cdkScrollable
-     [fxLayout]="layoutAlignment">
+     [class.fx-column-start-stretch]="layoutAlignment === 'column'"
+     [class.fx-row-start-stretch]="layoutAlignment === 'row'">
   <ng-container *ngTemplateOutlet="alwaysVisiblePagePosition === 'top' || alwaysVisiblePagePosition === 'left' ?
     alwaysVisiblePageView :
     scrollPagesView"></ng-container>

projects/player/src/app/components/layouts/pages-layout/pages-layout.component.css → projects/player/src/app/components/layouts/pages-layout/pages-layout.component.scss

@@ -2,6 +2,22 @@
   scroll-snap-align: start;
 }
 
+.fx-column-start-stretch {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: stretch;
+}
+
+.fx-row-start-stretch {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: start;
+  align-items: stretch;
+}
+
 .concat-scroll-snap {
   scroll-snap-type: y mandatory;
   scroll-padding: 0;

projects/player/src/app/components/layouts/pages-layout/pages-layout.component.ts

@@ -13,7 +13,7 @@ import { NativeEventService } from '../../../services/native-event.service';
 @Component({
   selector: 'aspect-pages-layout',
   templateUrl: './pages-layout.component.html',
-  styleUrls: ['./pages-layout.component.css']
+  styleUrls: ['./pages-layout.component.scss']
 })
 
 export class PagesLayoutComponent implements OnInit, AfterViewInit, OnDestroy {