Update material to angular 15.

package.json

@@ -17,13 +17,13 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~15.2.9",
-    "@angular/cdk": "^14.2.7",
+    "@angular/cdk": "^15.2.9",
     "@angular/common": "~15.2.9",
     "@angular/compiler": "~15.2.9",
     "@angular/core": "~15.2.9",
     "@angular/forms": "~15.2.9",
     "@angular/localize": "^15.2.9",
-    "@angular/material": "^14.2.7",
+    "@angular/material": "^15.2.9",
     "@angular/platform-browser": "~15.2.9",
     "@angular/platform-browser-dynamic": "~15.2.9",
     "@angular/router": "~15.2.9",
@@ -59,4 +59,4 @@
     "ts-node": "~7.0.0",
     "typescript": "~4.9.5"
   }
-}
+}

src/assets/common-assets

@@ -1 +1 @@
-Subproject commit b3c0557065c4947275fb082078531a2e3613c638
+Subproject commit 46709cfb0a84a1e715a3c5886500e5ac6868fb39

src/material.scss

@@ -1,14 +1,20 @@
 @use '@angular/material' as mat;
-@import '../node_modules/@angular/material/theming';
 @include mat.core();
 $my-app-primary: mat.define-palette(mat.$blue-grey-palette);
 $my-app-accent:  mat.define-palette(mat.$green-palette);
 $my-app-warn:    mat.define-palette(mat.$deep-orange-palette);
-
-$my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
-
+$my-app-theme: mat.define-light-theme((
+        color: (
+                primary: $my-app-primary,
+                accent: $my-app-accent,
+                warn: $my-app-warn
+        ),
+        typography: mat.define-typography-config(),
+        density: 0,
+));
 @include mat.all-component-themes($my-app-theme);
 
-.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option.mat-active:not(.mat-option-disabled) {
+
+.mat-mdc-option:hover:not(.mat-mdc-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option.mat-active:not(.mat-option-disabled) {
   background-color: #F8CBBB;
 }