Remove particles background and update routing

Deleted the particles background component and its related files. Updated routing logic and constants, refactored topbar and algorithms pages, and performed dependency updates and cleanup in package files. Also improved i18n translations and adjusted TypeScript configuration.

src/app/pages/algorithms/algorithms.component.html

@@ -1,13 +1,13 @@
 <div class="container">
-  <h1>Algorithmen</h1>
+  <h1>{{ 'ALGORITHM.TITLE' |translate }}</h1>
   <div class="category-cards">
 @for (category of categories$ | async; track category.id) {
     <mat-card [routerLink]="[category.routerLink]">
       <mat-card-header>
-        <mat-card-title>{{ category.title }}</mat-card-title>
+        <mat-card-title>{{ category.title | translate }}</mat-card-title>
       </mat-card-header>
       <mat-card-content>
-        <p>{{ category.description }}</p>
+        <p>{{ category.description | translate}}</p>
       </mat-card-content>
     </mat-card>
   }

src/app/pages/algorithms/algorithms.component.scss

@@ -10,10 +10,7 @@
 
   mat-card {
     cursor: pointer;
-    max-width: 300px;
-
-    &:hover {
-      background-color: rgba(255, 255, 255, 0.1);
-    }
+    min-width: 300px;
+    max-width: 400px;
   }
 }

src/app/pages/algorithms/algorithms.component.ts

@@ -5,22 +5,20 @@ import { Observable } from 'rxjs';
 import { CommonModule } from '@angular/common';
 import { RouterLink } from '@angular/router';
 import { MatCardModule } from '@angular/material/card';
+import {TranslatePipe} from '@ngx-translate/core';
 
 @Component({
   selector: 'app-algorithms',
   templateUrl: './algorithms.component.html',
   styleUrls: ['./algorithms.component.scss'],
   standalone: true,
-  imports: [CommonModule, RouterLink, MatCardModule],
+  imports: [CommonModule, RouterLink, MatCardModule, TranslatePipe],
 })
 export class AlgorithmsComponent implements OnInit {
-  private algorithmsService = inject(AlgorithmsService);
-
+  private readonly algorithmsService = inject(AlgorithmsService);
 
   categories$: Observable<AlgorithmCategory[]> | undefined;
 
-
-
   ngOnInit(): void {
     this.categories$ = this.algorithmsService.getCategories();
   }

src/app/pages/algorithms/service/algorithms.service.ts

@@ -7,19 +7,13 @@ import { Observable, of } from 'rxjs';
 })
 export class AlgorithmsService {
 
-  private categories: AlgorithmCategory[] = [
+  private readonly categories: AlgorithmCategory[] = [
     {
       id: 'pathfinding',
-      title: 'Pfadfindungsalgorithmen',
-      description: 'Vergleich von Pfadfindungsalgorithmen wie Dijkstra und A*.',
+      title: 'ALGORITHM.PATHFINDING.TITLE',
+      description: 'ALGORITHM.PATHFINDING.DESCRIPTION',
       routerLink: 'pathfinding'
-    },
-    // {
-    //   id: 'sorting',
-    //   title: 'Sortieralgorithmen',
-    //   description: 'Visualisierung von Sortieralgorithmen wie Bubble Sort, Merge Sort und Quick Sort.',
-    //   routerLink: 'sorting'
-    // }
+    }
   ];
 
   getCategories(): Observable<AlgorithmCategory[]> {