Convert observables to signals.

frontend/src/app/pages/my-publications/my-publications.component.ts

@@ -1,4 +1,4 @@
-import { Component, inject, OnInit } from "@angular/core";
+import {Component, inject, OnInit, Signal} from "@angular/core";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 import { MyPublicationsService } from "./my-publications.service";
 import { Observable } from "rxjs";
@@ -8,6 +8,7 @@ import { CommonModule } from "@angular/common";
 import { RouterModule } from "@angular/router";
 import { MatTooltipModule } from "@angular/material/tooltip";
 import { MatRippleModule } from "@angular/material/core";
+import {toSignal} from "@angular/core/rxjs-interop";
 
 
 @Component({
@@ -27,19 +28,19 @@ import { MatRippleModule } from "@angular/material/core";
 export class MyPublicationsComponent implements OnInit {
     private readonly myPublicationsService = inject(MyPublicationsService);
 
-    get publications$(): Observable<Publication[]> {
-        return this.myPublicationsService.publications$;
+    get publications(): Signal<Publication[]> {
+        return toSignal(this.myPublicationsService.publications$, { initialValue: [] });
     }
 
-    get isLoading$(): Observable<boolean> {
-        return this.myPublicationsService.isLoading$;
+    get isLoading(): Signal<boolean> {
+        return toSignal(this.myPublicationsService.isLoading$, { initialValue: false });
     }
 
-    get isLoaded$(): Observable<boolean> {
-        return this.myPublicationsService.isLoaded$;
+    get isLoaded(): Signal<boolean> {
+        return toSignal(this.myPublicationsService.isLoaded$, { initialValue: false });
     }
 
     ngOnInit(): void {
-        this.myPublicationsService.loadAuthenticatedUserPublications();    
+        this.myPublicationsService.loadAuthenticatedUserPublications();
     }
-}
+}