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

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

@@ -3,11 +3,11 @@
   [state]="accountingState"
   (filterChange)="filterChanged($event)"
 ></dks-accounting-lane-header>
-<ng-container *ngIf="tours$ | async as tours">
+@if (tours$ | async; as tours) {
   <cdk-virtual-scroll-viewport
     itemSize="86"
     (scrolledIndexChange)="fetchNextPage()"
-  >
+    >
     <dks-accounting-item
       *cdkVirtualFor="let tour of tours; trackBy: trackByFn"
       class="animate-fadeIn"
@@ -15,14 +15,14 @@
       [accountingState]="accountingState"
       [tour]="tour"
       (click)="openTourView(tour)"
-    >
+      >
     </dks-accounting-item>
   </cdk-virtual-scroll-viewport>
   <!-- <ng-container *ngIf="accountingStateMeta$ | async as accountingStateMeta">
-    <dks-accounting-lane-footer
-      [tourStateMeta]="accountingStateMeta"
-      [withTourCount]="true"
-      [withRevenueSum]="accountingState !== AccountingState.Billed"
-    ></dks-accounting-lane-footer>
-  </ng-container> -->
-</ng-container>
+  <dks-accounting-lane-footer
+    [tourStateMeta]="accountingStateMeta"
+    [withTourCount]="true"
+    [withRevenueSum]="accountingState !== AccountingState.Billed"
+  ></dks-accounting-lane-footer>
+</ng-container> -->
+}