build error fixes

src/app/_shared/components/card-display/card-display.component.ts

@@ -1,22 +1,22 @@
-import { Component, Input, type OnInit } from '@angular/core';
+import { Component, inject, Input, type OnInit } from '@angular/core';
 import { type ICard } from '../../../../../interfaces';
-import { type CardsService } from '../../../cards.service';
+import { CardsService } from '../../../cards.service';
 
 @Component({
   selector: 'app-card-display',
   templateUrl: './card-display.component.html',
   styleUrls: ['./card-display.component.scss'],
 })
 export class CardDisplayComponent implements OnInit {
+  private cardsService = inject(CardsService);
+
   @Input() size: 'grid' | 'small' | 'normal' | 'large' = 'normal';
   @Input() cardCode!: string;
   @Input() display: 'images' | 'text' = 'images';
 
   public card: ICard | undefined;
   public soulArray = [];
 
-  constructor(private cardsService: CardsService) {}
-
   ngOnInit() {
     this.card = this.cardsService.getCardById(this.cardCode);
   }

src/app/home/home.page.ts

@@ -1,19 +1,17 @@
-import { Component } from '@angular/core';
-import { type Router } from '@angular/router';
+import { Component, inject } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
 })
 export class HomePage {
+  private router = inject(Router);
 
   public searchQuery = '';
 
-  constructor(private router: Router) {}
-
   search(query: string) {
     this.router.navigate(['/search'], { queryParams: { q: query } });
   }
-
 }