Fixing Angular 21 by migrating all values by signals. (#11)

frontend/src/app/pages/home/home.component.ts

@@ -1,34 +1,26 @@
-import { Component, OnInit, inject } from '@angular/core';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { Observable } from 'rxjs';
-import { PublicationListComponent } from '../../components/publication-list/publication-list.component';
-import { Publication } from '../../core/rest-services/publications/model/publication';
-import { HomeService } from './home.service';
-import { CommonModule } from '@angular/common';
+import {Component, inject, OnInit} from '@angular/core';
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
+import {PublicationListComponent} from '../../components/publication-list/publication-list.component';
+import {HomeService} from './home.service';
+import {CommonModule} from '@angular/common';
 
 @Component({
-    selector: 'app-home',
-    imports: [
-        CommonModule,
-        MatProgressSpinnerModule,
-        PublicationListComponent
-    ],
-    templateUrl: './home.component.html',
-    styleUrl: './home.component.scss',
-    providers: [HomeService]
+  selector: 'app-home',
+  imports: [
+    CommonModule,
+    MatProgressSpinnerModule,
+    PublicationListComponent
+  ],
+  templateUrl: './home.component.html',
+  styleUrl: './home.component.scss',
+  providers: [HomeService]
 })
 export class HomeComponent implements OnInit {
-  private homeService = inject(HomeService);
-
-  get isLoading$(): Observable<boolean> {
-    return this.homeService.isLoading$;
-  }
-
-  get publications$(): Observable<Publication[]> {
-    return this.homeService.publications$;
-  }
+  readonly #homeService = inject(HomeService);
+  isLoading = this.#homeService.isLoading;
+  publications = this.#homeService.publications;
 
   ngOnInit(): void {
-    this.homeService.startLatestPublicationsRetrieving();
+    this.#homeService.startLatestPublicationsRetrieving();
   }
 }