feature(Deltagarlista): Nu går det att sortera när man klickar på kolumnnamnet (TV-989)

Squashed commit of the following:

commit 80fd78e85fca208ce35a1731a2fbd8e913da27db
Author: fueno <nicolas.fuentes-maturana@arbetsformedlingen.se>
Date:   Thu Dec 30 16:17:43 2021 +0100

    TV-989 sort by click column name, corrected icon position

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-table/deltagare-list-table.component.html

@@ -11,13 +11,13 @@
       <thead>
         <tr>
           <th scope="col" class="deltagare-list__column-head" *ngFor="let column of columnHeaders">
-            {{column.label}}
             <button
-              *ngIf="column.label !== 'Status'"
+              *ngIf="column.key"
               class="deltagare-list__sort-button"
               [attr.id]="'sort-button-' + column.key"
               (click)="handleSort(column.key)"
             >
+              {{column.label}}
               <ng-container *ngIf="sort.key === column.key">
                 <digi-icon-caret-up
                   class="deltagare-list__sort-icon"
@@ -29,6 +29,7 @@
                 ></digi-icon-caret-down>
               </ng-container>
             </button>
+            <span *ngIf="!column.key"> {{column.label}} </span>
           </th>
         </tr>
       </thead>

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-table/deltagare-list-table.component.ts

@@ -55,7 +55,7 @@ export class DeltagareListTableComponent {
     },
     {
       label: 'Status',
-      key: 'genomforandeReferens',
+      key: null,
     },
   ];