init dashboard

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

@@ -0,0 +1,27 @@
+<dks-accounting-lane-header
+  class="shadow"
+  [state]="accountingState"
+  (filterChange)="filterChanged($event)"
+></dks-accounting-lane-header>
+<ng-container *ngIf="tours$ | async as tours">
+  <cdk-virtual-scroll-viewport
+    itemSize="86"
+    (scrolledIndexChange)="fetchNextPage()"
+  >
+    <dks-accounting-item
+      *cdkVirtualFor="let tour of tours; trackBy: trackByFn"
+      class="mat-elevation-z4 animate-fadeIn"
+      [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>