frontend/.eslintrc.json

@@ -1,6 +1,7 @@
 {
   "root": true,
   "ignorePatterns": ["projects/**/*"],
+  "plugins": ["import"],
   "overrides": [
     {
       "files": ["*.ts"],
@@ -65,6 +66,42 @@
               "private-instance-method"
             ]
           }
+        ],
+        "import/order": [
+          "error",
+          {
+            "groups": [
+              "builtin",
+              "external",
+              "internal",
+              "parent",
+              "sibling",
+              "index"
+            ],
+            "pathGroups": [
+              {
+                "pattern": "@angular/**",
+                "group": "external",
+                "position": "before"
+              },
+              {
+                "pattern": "@app/**",
+                "group": "internal",
+                "position": "before"
+              },
+              {
+                "pattern": "@env/**",
+                "group": "internal",
+                "position": "before"
+              }
+            ],
+            "pathGroupsExcludedImportTypes": ["builtin"],
+            "newlines-between": "always",
+            "alphabetize": {
+              "order": "asc",
+              "caseInsensitive": true
+            }
+          }
         ]
       }
     },

frontend/package.json

@@ -46,6 +46,7 @@
     "concurrently": "^8.2.2",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
     "jest": "^29.7.0",
     "jest-preset-angular": "^14.0.3",
     "prettier": "3.2.5",

frontend/src/app/app.component.spec.ts

@@ -1,4 +1,5 @@
 import { TestBed } from '@angular/core/testing';
+
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {

frontend/src/app/app.config.ts

@@ -1,6 +1,6 @@
 import { ApplicationConfig } from '@angular/core';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
 import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideRouter, withComponentInputBinding } from '@angular/router';
 
 import { routes } from './app.routes';
 

frontend/src/app/pages/register-root/register-root.component.ts

@@ -7,7 +7,6 @@ import {
   signal,
   effect,
 } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
 import {
   AbstractControl,
   FormBuilder,
@@ -17,9 +16,12 @@ import {
   ReactiveFormsModule,
   Validators,
 } from '@angular/forms';
+
 import { ButtonModule } from 'primeng/button';
 import { CheckboxModule } from 'primeng/checkbox';
+import { InputTextModule } from 'primeng/inputtext';
 import { PasswordModule } from 'primeng/password';
+
 import {
   customEmailValidator,
   customPasswordValidator,

frontend/src/main.ts

@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
+
 import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
 
 bootstrapApplication(AppComponent, appConfig).catch((err) =>
   console.error(err)