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

frontend/src/app/components/side-menu/side-menu.component.ts

@@ -1,30 +1,30 @@
-import { Component } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { CategoriesMenuComponent } from './categories-menu/categories-menu.component';
-import { MatRippleModule } from '@angular/material/core';
+import {Component, signal} from '@angular/core';
+import {MatIconModule} from '@angular/material/icon';
+import {MatTooltipModule} from '@angular/material/tooltip';
+import {RouterModule} from '@angular/router';
+import {CategoriesMenuComponent} from './categories-menu/categories-menu.component';
+import {MatRippleModule} from '@angular/material/core';
 
 @Component({
-    selector: 'app-side-menu',
-    templateUrl: './side-menu.component.html',
-    styleUrl: './side-menu.component.scss',
-    imports: [
-        CategoriesMenuComponent,
-        MatIconModule,
-        MatRippleModule,
-        MatTooltipModule,
-        RouterModule
-    ]
+  selector: 'app-side-menu',
+  templateUrl: './side-menu.component.html',
+  styleUrl: './side-menu.component.scss',
+  imports: [
+    CategoriesMenuComponent,
+    MatIconModule,
+    MatRippleModule,
+    MatTooltipModule,
+    RouterModule
+  ]
 })
 export class SideMenuComponent {
-  isOpenned: boolean = false;
+  isOpened = signal(false);
 
   open(): void {
-    this.isOpenned = true;
+    this.isOpened.set(true);
   }
 
   close(): void {
-    this.isOpenned = false;
+    this.isOpened.set(false);
   }
 }