fix(*): applying relevant migrations for 22

Author: ChronosSF

src/app/theming/styles/dark-theme.scss

@@ -57,8 +57,8 @@ $header-border-color: color($dark-theme-palette, "primary", 600)
 
 // Define dark theme for the paginator
 $dark-paginator-theme: paginator-theme(
-  $text-color: color($dark-theme-palette, "secondary", 700),
-  $background-color: color($dark-theme-palette, "primary", 500),
+  $foreground: color($dark-theme-palette, "secondary", 700),
+  $background: color($dark-theme-palette, "primary", 500),
   $border-color: color($dark-theme-palette, "secondary", 500)
 );
 

src/app/theming/styles/themes.scss

@@ -203,14 +203,14 @@ $black-grid-theme: grid-theme(
 
 // Define light theme for the paginator
 $light-paginator-theme: paginator-theme(
-  $background-color:color($light-theme-palette, "primary", 100),
+  $background:color($light-theme-palette, "primary", 100),
   $border-color: color($light-theme-palette, "secondary", 500)
 );
 
 // Define dark theme for the paginator
 $dark-paginator-theme: paginator-theme(
-  $text-color: color($dark-theme-palette, "secondary", 700),
-  $background-color:color($dark-theme-palette, "primary", 500),
+  $foreground: color($dark-theme-palette, "secondary", 700),
+  $background:color($dark-theme-palette, "primary", 500),
   $border-color: color($dark-theme-palette, "secondary", 500)
 );