fixes

client/src/app/modules/keys/components/handover-dialog/handover-dialog.component.html

@@ -58,6 +58,7 @@
       style="width: 100%; height: 100%;"
       (gridReady)="onGridReady($event)"
       [gridOptions]="gridOptions!"
+      [theme]="myTheme"
     />
     </div>
   </mat-dialog-content>

client/src/app/modules/keys/components/handover-dialog/handover-dialog.component.ts

@@ -25,6 +25,7 @@ import { GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
 import { AG_GRID_LOCALE_DE } from '@ag-grid-community/locale';
 import { AgGridAngular } from 'ag-grid-angular';
 import { MatIconModule } from '@angular/material/icon';
+import { AgGridContainerComponent } from '../../../../shared/ag-grid/components/ag-grid-container/ag-grid-container.component';
 
 @Component({
     selector: 'app-handover-dialog',
@@ -38,7 +39,7 @@ import { MatIconModule } from '@angular/material/icon';
     templateUrl: './handover-dialog.component.html',
     styleUrl: './handover-dialog.component.scss'
 })
-export class HandoverDialogComponent {
+export class HandoverDialogComponent extends AgGridContainerComponent {
   
   private api: ApiService = inject(ApiService);
   readonly dialogRef = inject(MatDialogRef<HandoverDialogComponent>);

client/src/app/modules/keys/create/select-key-cylinder/select-key-cylinder.component.html

@@ -6,6 +6,7 @@
     style="width: 100%; height: 100%;"
     (gridReady)="onGridReady($event)"
     [gridOptions]="gridOptions!"
+    [theme]="myTheme"
 />
 
 </mat-dialog-content>

client/src/app/modules/keys/create/select-key-cylinder/select-key-cylinder.component.ts

@@ -7,6 +7,7 @@ import { GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
 import { AG_GRID_LOCALE_DE } from '@ag-grid-community/locale';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
 import { MatButtonModule } from '@angular/material/button';
+import { AgGridContainerComponent } from '../../../../shared/ag-grid/components/ag-grid-container/ag-grid-container.component';
 
 @Component({
     selector: 'app-select-key-cylinder',
@@ -14,7 +15,7 @@ import { MatButtonModule } from '@angular/material/button';
     templateUrl: './select-key-cylinder.component.html',
     styleUrl: './select-key-cylinder.component.scss'
 })
-export class SelectKeyCylinderComponent {
+export class SelectKeyCylinderComponent extends AgGridContainerComponent {
   private toast: HotToastService = inject(HotToastService);
   readonly dialogRef = inject(MatDialogRef<SelectKeyCylinderComponent>);
   readonly cylinders = inject<ICylinder[]>(MAT_DIALOG_DATA);

client/src/app/modules/keys/keys.component.ts

@@ -149,7 +149,6 @@ export class KeysComponent extends AgGridContainerComponent {
     this.gridApi.addEventListener("cellEditingStopped", evt => this.cellEditEnd(evt));
     this.api.keys.asObservable().subscribe({
       next: keys => {
-        console.log(keys)
         this.gridApi.setGridOption("rowData", keys);
         this.gridApi.setGridOption("loading", false);
       }