Add ESLint integration and Angular linting support

Configured ESLint for the project with Angular and TypeScript support. Added angular-eslint dependencies, updated angular.json to include linting, and created eslint.config.js for lint rules. Updated package.json and package-lock.json with new dev dependencies.

src/app/layout/background/particles-bg.component.ts

@@ -1,11 +1,9 @@
 import {
   Container,
-  MoveDirection,
-  OutMode,
   Engine
 } from "@tsparticles/engine";
 import {NgParticlesService, NgxParticlesModule} from "@tsparticles/angular";
-import {Component} from '@angular/core';
+import { Component, inject } from '@angular/core';
 import {loadFull} from 'tsparticles';
 
 @Component({
@@ -18,6 +16,8 @@ import {loadFull} from 'tsparticles';
   styleUrl: './particles-bg.component.scss',
 })
 export class ParticlesBgComponent {
+  private readonly ngParticlesService = inject(NgParticlesService);
+
   id = "tsparticles";
 
   /* Starting from 1.19.0 you can use a remote url (AJAX request) to a JSON with the configuration */
@@ -92,7 +92,7 @@ export class ParticlesBgComponent {
     detectRetina: true,*/
   };
 
-  constructor(private readonly ngParticlesService: NgParticlesService) {}
+
   async particlesInit(engine: Engine): Promise<void> {
     await loadFull(engine);
   }

src/app/layout/imageDialog/image.component.ts

@@ -1,4 +1,4 @@
-import { Component, Inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -63,7 +63,10 @@ import { MatIconModule } from '@angular/material/icon';
   `],
 })
 export class ImageDialogComponent {
-  constructor(@Inject(MAT_DIALOG_DATA) public data: { title: string; src: string }) {
-    console.log(data.title);
-  }
+  data = inject<{
+    title: string;
+    src: string;
+}>(MAT_DIALOG_DATA);
+
+
 }