use inject, adjust properties order

frontend/src/app/pages/particles/components/properties/properties.component.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, inject} from '@angular/core';
 import {MatCard, MatCardContent, MatCardHeader, MatCardTitle} from "@angular/material/card";
 import {MatCheckbox} from "@angular/material/checkbox";
 import {MatFormField, MatInput, MatLabel} from "@angular/material/input";
@@ -24,17 +24,14 @@ import {ParticleManagerService} from '../../services/particle-manager.service';
     MatSelect,
     ReactiveFormsModule,
     FormsModule
-],
+  ],
   templateUrl: './properties.component.html',
   styleUrl: './properties.component.scss'
 })
 export class PropertiesComponent {
   public particleTypes = Object.values(ParticleType);
 
-  constructor(
-    private particleManagerService: ParticleManagerService,
-  ) {
-  }
+  private readonly particleManagerService = inject(ParticleManagerService);
 
   public get particleData(): ParticleData {
     return this.particleManagerService.getParticleData();