(web): use angulars built-in control flow everywhere

service/app-hub/dashboard/src/app/pages/ticket-system/ticket-lane/ticket-lane.component.html

@@ -3,34 +3,34 @@
   [state]="ticketState"
   (filterChange)="filterChanged($event)"
 ></dks-ticket-lane-header>
-<ng-container *ngIf="tickets$ | async as tickets">
+@if (tickets$ | async; as tickets) {
   <cdk-virtual-scroll-viewport
     itemSize="104"
     (scrolledIndexChange)="fetchNextPage()"
-  >
+    >
     <dks-ticket-item
       *cdkVirtualFor="let ticket of tickets; trackBy: trackByFn"
       class="mat-elevation-z4 animate-fadeIn"
       (click)="openTicketView(ticket)"
       [ticket]="ticket"
-    >
+      >
     </dks-ticket-item>
   </cdk-virtual-scroll-viewport>
   <!-- <ng-container *ngIf="ticketStateMeta$ | async as ticketStateMeta">
-    <dks-ticket-lane-footer
-      *dksRole="['manager', 'admin']"
-      [ticketStateMeta]="ticketStateMeta"
-      [withTicketCount]="true"
+  <dks-ticket-lane-footer
+    *dksRole="['manager', 'admin']"
+    [ticketStateMeta]="ticketStateMeta"
+    [withTicketCount]="true"
       [withApprovalRequiredCount]="
         ticketState === TicketState.UserInteractionRequired
       "
       [withApprovalUnknownCount]="
         ticketState === TicketState.UserInteractionRequired
       "
-    ></dks-ticket-lane-footer>
-    <dks-ticket-lane-footer
-      *dksRole="['controlcenter']"
-      [ticketStateMeta]="ticketStateMeta"
+  ></dks-ticket-lane-footer>
+  <dks-ticket-lane-footer
+    *dksRole="['controlcenter']"
+    [ticketStateMeta]="ticketStateMeta"
     ></dks-ticket-lane-footer
   ></ng-container> -->
-</ng-container>
+}