feat(client): implement mat.theme

apps/client/src/styles/theme.scss

@@ -150,7 +150,7 @@ $gf-typography: (
 );
 
 .theme-light {
-  $gf-theme-default: mat.define-theme(
+  @include mat.theme(
     (
       color: (
         primary: $_primary,
@@ -164,8 +164,6 @@ $gf-typography: (
     )
   );
 
-  @include mat.all-component-themes($gf-theme-default);
-
   @include mat.autocomplete-overrides(
     (
       background-color: var(--light-background)
@@ -233,7 +231,7 @@ $gf-typography: (
 }
 
 .theme-dark {
-  $gf-theme-dark: mat.define-theme(
+  @include mat.theme(
     (
       color: (
         primary: $_primary,
@@ -247,8 +245,6 @@ $gf-typography: (
     )
   );
 
-  @include mat.all-component-themes($gf-theme-dark);
-
   @include mat.button-overrides(
     (
       outlined-label-text-color: var(--light-primary-text),