Feature/migrate libs components to angular material 15 (#1833)

* Migrate to Angular Material 15

* Update changelog

apps/client/src/styles.scss

@@ -267,6 +267,7 @@ body {
       }
     }
 
+    .mat-mdc-paginator,
     .mat-paginator {
       background-color: rgba(var(--palette-foreground-base-dark), 0.02);
     }
@@ -444,9 +445,11 @@ ngx-skeleton-loader {
   }
 }
 
+.mat-mdc-paginator,
 .mat-paginator {
   background-color: rgba(var(--palette-foreground-base-light), 0.02);
 
+  .mat-mdc-paginator-page-size,
   .mat-paginator-page-size {
     display: none;
   }

apps/client/src/styles/table.scss

@@ -9,6 +9,20 @@
     }
   }
 
+  .mat-mdc-row {
+    &:nth-child(even) {
+      background-color: rgba(var(--palette-foreground-base), 0.02);
+    }
+
+    &:hover {
+      background-color: rgba(var(--palette-foreground-base), 0.05) !important;
+    }
+
+    .mat-mdc-cell {
+      background: none;
+    }
+  }
+
   .mat-row {
     &:nth-child(even) {
       background-color: rgba(var(--palette-foreground-base), 0.02);
@@ -20,6 +34,23 @@
   }
 
   @if $darkTheme {
+    .mat-mdc-row {
+      &:nth-child(even) {
+        background-color: rgba(var(--palette-foreground-base-dark), 0.02);
+      }
+
+      &:hover {
+        background-color: rgba(
+          var(--palette-foreground-base-dark),
+          0.05
+        ) !important;
+      }
+
+      .mat-mdc-cell {
+        background: none;
+      }
+    }
+
     .mat-row {
       &:nth-child(even) {
         background-color: rgba(var(--palette-foreground-base-dark), 0.02);