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

frontend/src/app/components/publications-search-bar/publications-search-bar.component.ts

@@ -1,36 +1,36 @@
-import { Component, inject } from "@angular/core";
-import { FormBuilder, FormControl, ReactiveFormsModule, Validators } from "@angular/forms";
-import { MatRippleModule } from "@angular/material/core";
-import { MatIconModule } from "@angular/material/icon";
-import { Router } from "@angular/router";
+import {Component, inject} from "@angular/core";
+import {FormBuilder, FormControl, ReactiveFormsModule, Validators} from "@angular/forms";
+import {MatRippleModule} from "@angular/material/core";
+import {MatIconModule} from "@angular/material/icon";
+import {Router} from "@angular/router";
 
 
 @Component({
-    selector: 'app-publications-search-bar',
-    templateUrl: './publications-search-bar.component.html',
-    styleUrl: './publications-search-bar.component.scss',
-    imports: [
-        MatIconModule,
-        MatRippleModule,
-        ReactiveFormsModule
-    ],
-    providers: []
+  selector: 'app-publications-search-bar',
+  templateUrl: './publications-search-bar.component.html',
+  styleUrl: './publications-search-bar.component.scss',
+  imports: [
+    MatIconModule,
+    MatRippleModule,
+    ReactiveFormsModule
+  ],
+  providers: []
 })
 export class PublicationsSearchBarComponent {
-    private formBuilder = inject(FormBuilder);
-    private router = inject(Router);
-    formGroup = this.formBuilder.group({
-        criteria: new FormControl<string | undefined>('', [Validators.required])
-    });
+  private formBuilder = inject(FormBuilder);
+  private router = inject(Router);
+  formGroup = this.formBuilder.group({
+    criteria: new FormControl<string | undefined>('', [Validators.required])
+  });
 
-    searchPublications(): void {
-        const query = this.formGroup.controls.criteria.value
+  searchPublications(): void {
+    const query = this.formGroup.controls.criteria.value
 
-        if (query?.trim()) {
-            const queryParams = { 'query' : this.formGroup.controls.criteria.value ?? '' }
-            this.router.navigate(['/publications'], { queryParams });
-        } else {
-            this.router.navigate(['/home']);
-        }
+    if (query?.trim()) {
+      const queryParams = {'query': this.formGroup.controls.criteria.value ?? ''}
+      this.router.navigate(['/publications'], {queryParams});
+    } else {
+      this.router.navigate(['/home']);
     }
-}
+  }
+}