Moved to Angular 20

Moved to Tailwind 4
Moved to Python 3.13
Enabled arm64/v8 Builds

bookie/src/app/roles/role-list/role-list.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatIconModule } from '@angular/material/icon';
@@ -6,7 +6,6 @@ import { MatTableModule } from '@angular/material/table';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 
 import { Role } from '../role';
-
 import { RoleListDataSource } from './role-list-datasource';
 
 @Component({
@@ -16,13 +15,13 @@ import { RoleListDataSource } from './role-list-datasource';
   imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, RouterLink],
 })
 export class RoleListComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+
   list: Role[] = [];
   dataSource: RoleListDataSource = new RoleListDataSource(this.list);
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['name', 'permissions'];
 
-  constructor(private route: ActivatedRoute) {}
-
   ngOnInit() {
     this.route.data.subscribe((value) => {
       const data = value as { list: Role[] };