Feature: refactor table header alignment styles and create mixin for reuse

libs/ui/src/lib/accounts-table/accounts-table.component.scss

@@ -1,13 +1,7 @@
+@import '../mixins/table-mixins';
+
 :host {
   display: block;
 
-  .gf-table {
+  @include gf-table-header-alignment();
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }

libs/ui/src/lib/activities-table/activities-table.component.scss

@@ -1,13 +1,7 @@
+@import '../mixins/table-mixins';
+
 :host {
   display: block;
 
-  .gf-table {
+  @include gf-table-header-alignment();
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }

libs/ui/src/lib/benchmark/benchmark.component.scss

@@ -1,13 +1,7 @@
+@import '../mixins/table-mixins';
+
 :host {
   display: block;
 
-  .gf-table {
+  @include gf-table-header-alignment();
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }

libs/ui/src/lib/holdings-table/holdings-table.component.scss

@@ -1,13 +1,7 @@
+@import '../mixins/table-mixins';
+
 :host {
   display: block;
 
-  .gf-table {
+  @include gf-table-header-alignment();
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }

libs/ui/src/lib/mixins/table-mixins.scss

@@ -0,0 +1,11 @@
+@mixin gf-table-header-alignment() {
+  .gf-table {
+    th {
+      ::ng-deep {
+        .mat-sort-header-container {
+          justify-content: inherit;
+        }
+      }
+    }
+  }
+}