style: align table headers above numbers to the right for better readability

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

@@ -255,7 +255,7 @@
     <ng-container matColumnDef="value">
       <th
         *matHeaderCellDef
-        class="d-none d-lg-table-cell justify-content-end px-1"
+        class="d-none d-lg-table-cell px-1 text-right"
         mat-header-cell
       >
         <ng-container i18n>Value</ng-container>
@@ -291,7 +291,7 @@
     <ng-container matColumnDef="valueInBaseCurrency">
       <th
         *matHeaderCellDef
-        class="d-lg-none d-xl-none justify-content-end px-1"
+        class="d-lg-none d-xl-none px-1 text-right"
         mat-header-cell
       >
         <ng-container i18n>Value</ng-container>

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

@@ -1,3 +1,13 @@
 :host {
   display: block;
+
+  .gf-table {
+    th {
+      ::ng-deep {
+        .mat-sort-header-container {
+          justify-content: inherit;
+        }
+      }
+    }
+  }
 }