[player] Replace flex layout module in KeyboardComponent

projects/player/modules/key-input/components/keyboard/keyboard.component.html

 <div class="keyboard-container"
      (mousedown)="$event.preventDefault(); $event.stopPropagation()">
   <div *ngIf="showFrenchCharacters"
-       fxLayout="row wrap"
-       fxLayoutAlign="space-between center"
-       class="specialCharacters">
+       class="specialCharacters fx-space-between-center-wrap">
     <aspect-keyboard-key *ngFor="let key of frenchRow; let i = index"
                   class="key"
                   [key]="key"

projects/player/modules/key-input/components/keyboard/keyboard.component.scss

@@ -10,6 +10,15 @@
   background-color: grey;
 }
 
+.fx-space-between-center-wrap {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
 .key {
   margin: 4px;
   min-height: 50px;