Upgraded to Angular v21

Removed tailwind

Moved to vitest from karma/jasmine

bookie/src/app/customers/customer-list/customer-list-datasource.ts

@@ -2,9 +2,9 @@ import { DataSource } from '@angular/cdk/collections';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { Observable, of as observableOf } from 'rxjs';
-import { PagedResult } from 'src/app/core/paged-result';
 
 import { Customer } from '../../core/customer';
+import { PagedResult } from '../../core/paged-result';
 
 export class CustomerListDatasource extends DataSource<Customer> {
   constructor(

bookie/src/app/customers/customer-list/customer-list.component.ts

@@ -9,9 +9,9 @@ import { MatSort, MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { debounceTime, distinctUntilChanged, Observable } from 'rxjs';
-import { PagedResult } from 'src/app/core/paged-result';
 
 import { Customer } from '../../core/customer';
+import { PagedResult } from '../../core/paged-result';
 import { CustomerListDatasource } from './customer-list-datasource';
 
 @Component({
@@ -65,7 +65,7 @@ export class CustomerListComponent implements OnInit, AfterViewInit {
     }
     this.route.data.subscribe((value) => {
       const data = value as { data: PagedResult<Customer> };
-      data.data.items.forEach((c) => (c.discounts = c.discounts.filter((d) => d.discount !== 0)));
+      data.data.items.forEach((c: Customer) => (c.discounts = c.discounts.filter((d) => d.discount !== 0)));
       this.data = data.data;
       this.dataSource = new CustomerListDatasource(this.data, this.paginator, this.sort);
       this.cdr.detectChanges();

bookie/src/app/modifier-categories/modifier-category-detail/modifier-category-detail.component.html

@@ -25,6 +25,7 @@
     <mat-nested-tree-node *matTreeNodeDef="let node" class="mat-tree-node" [class.leaf-node]="!hasChild(0, node)">
       <li class="mat-tree-node">
         <!-- use a disabled button to provide padding for tree leaf -->
+        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
         <button mat-icon-button disabled></button>
         <mat-checkbox
           class="checklist-leaf-node"

bookie/src/app/product/product-detail/product-detail-dialog.component.ts

@@ -7,8 +7,8 @@ import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/materia
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
-import { MenuCategory } from 'src/app/core/menu-category';
 
+import { MenuCategory } from '../../core/menu-category';
 import { StockKeepingUnit } from '../../core/product';
 
 @Component({

bookie/src/app/sales/bill-number/bill-number.component.ts

@@ -7,7 +7,8 @@ import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/materia
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
-import { Regime } from 'src/app/core/regime';
+
+import { Regime } from '../../core/regime';
 
 @Component({
   selector: 'app-bill-number',

bookie/src/app/sales/running-tables/running-tables.component.ts

@@ -6,8 +6,8 @@ import { MatDialog } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, NavigationExtras, Router } from '@angular/router';
 import { map } from 'rxjs/operators';
-import { Regime } from 'src/app/core/regime';
 
+import { Regime } from '../../core/regime';
 import { Table } from '../../core/table';
 import { BillNumberComponent } from '../bill-number/bill-number.component';
 

bookie/src/app/taxes/tax-detail/tax-detail.component.ts

@@ -9,8 +9,8 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { round } from 'mathjs';
-import { Regime } from 'src/app/core/regime';
 
+import { Regime } from '../../core/regime';
 import { Tax } from '../../core/tax';
 import { ConfirmDialogComponent } from '../../shared/confirm-dialog/confirm-dialog.component';
 import { TaxService } from '../tax.service';