Migrate to Angular 19

package.json

@@ -29,34 +29,34 @@
     "sonar": "sonar-scanner"
   },
   "dependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/animations": "^19.0.4",
+    "@angular/common": "^19.0.4",
+    "@angular/compiler": "^19.0.4",
+    "@angular/core": "^19.0.4",
+    "@angular/forms": "^19.0.4",
+    "@angular/platform-browser": "^19.0.4",
+    "@angular/platform-browser-dynamic": "^19.0.4",
+    "@angular/router": "^19.0.4",
     "@ngx-translate/core": "^16.0.3",
     "@ngx-translate/http-loader": "^16.0.0",
-    "angular-oauth2-oidc": "^17.0.2",
+    "angular-oauth2-oidc": "^19.0.0",
     "bootstrap": "^5.3.3",
-    "ngx-bootstrap": "^18.1.3",
+    "ngx-bootstrap": "^19.0.1",
     "ngx-clipboard": "^16.0.0",
     "rxjs": "~7.8.1",
     "socket.io-client": "^4.8.1",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
-    "@angular-eslint/builder": "18.4.2",
-    "@angular-eslint/eslint-plugin": "18.4.2",
-    "@angular-eslint/eslint-plugin-template": "18.4.2",
-    "@angular-eslint/schematics": "18.4.2",
-    "@angular-eslint/template-parser": "18.4.2",
-    "@angular/cdk": "^18.2.14",
-    "@angular/cli": "~18.2.12",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.0.5",
+    "@angular-eslint/builder": "19.0.2",
+    "@angular-eslint/eslint-plugin": "19.0.2",
+    "@angular-eslint/eslint-plugin-template": "19.0.2",
+    "@angular-eslint/schematics": "19.0.2",
+    "@angular-eslint/template-parser": "19.0.2",
+    "@angular/cdk": "^19.0.3",
+    "@angular/cli": "~19.0.5",
+    "@angular/compiler-cli": "^19.0.4",
     "@iconify-icons/akar-icons": "^1.2.19",
     "@iconify-icons/clarity": "^1.2.8",
     "@iconify-icons/emojione-monotone": "^1.2.4",
@@ -78,34 +78,34 @@
     "@iconify/icons-vaadin": "^1.2.4",
     "@iconify/icons-whh": "^1.2.3",
     "@types/bootstrap": "^5.2.10",
-    "@types/jasmine": "~5.1.4",
-    "@typescript-eslint/eslint-plugin": "8.16.0",
-    "@typescript-eslint/parser": "8.16.0",
+    "@types/jasmine": "~5.1.5",
+    "@typescript-eslint/eslint-plugin": "8.18.1",
+    "@typescript-eslint/parser": "8.18.1",
     "cordova-android": "^13.0.0",
     "cordova-electron": "^4.0.0",
     "cordova-ios": "^7.1.1",
     "cordova-plugin-device": "^3.0.0",
     "cordova-plugin-googleplus": "8.5.2",
     "cordova-plugin-inappbrowser": "^6.0.0",
     "cordova-plugin-statusbar": "^4.0.0",
-    "electron": "^33.2.0",
+    "electron": "^33.3.0",
     "electron-builder": "^25.1.8",
-    "eslint": "^9.15.0",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-filenames": "^1.3.2",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-security": "^3.0.1",
-    "eslint-plugin-sonarjs": "^2.0.4",
-    "iconify-icon": "^2.1.0",
-    "jasmine-core": "~5.4.0",
+    "eslint-plugin-sonarjs": "^3.0.1",
+    "iconify-icon": "^2.2.0",
+    "jasmine-core": "~5.5.0",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-firefox-launcher": "^2.1.3",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "prettier-eslint": "^16.3.0",
     "sonarqube-scanner": "^4.2.6"
   },

src/app/admin-actions/admin-actions.component.ts

@@ -1,12 +1,23 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { FormsModule } from '@angular/forms';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 @Component({
   selector: 'app-admin-actions',
   templateUrl: './admin-actions.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+
+    FormsModule,
+    MainPrivateBottomMenuSubComponent,
+    TranslateModule,
+  ],
 })
 export class AdminActionsComponent implements OnInit, OnDestroy {
   public adminActions: string;

src/app/admin-agora/admin-agora.component.ts

@@ -1,13 +1,29 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
 import { ToolsComponent as Tools } from '../../services/tools.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { EwIconSubComponent } from 'src/services/ew-icon.service';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 @Component({
   selector: 'app-admin-agora',
   templateUrl: './admin-agora.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    EwIconSubComponent,
+    FormsModule,
+    MainPrivateBottomMenuSubComponent,
+    RouterModule,
+    TranslateModule,
+  ],
 })
 export class AdminAgoraComponent implements OnInit, OnDestroy {
   public list: {

src/app/admin-aimage/admin-aimage.component.ts

@@ -1,11 +1,21 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
 
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
+
 @Component({
   selector: 'app-admin-aimage',
   templateUrl: './admin-aimage.component.html',
+  imports: [
+    AdminLeftMenuSubComponent,
+    RouterModule,
+    MainPrivateBottomMenuSubComponent,
+    TranslateModule,
+  ],
 })
 export class AdminAimageComponent implements OnInit, OnDestroy {
   public adminImageAlliance: {

src/app/admin-alliances/admin-alliances.component.ts

@@ -1,7 +1,13 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { CommonModule } from '@angular/common';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { IcIconComponent } from 'src/services/ic-icon.service';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 import users from '@iconify/icons-fa6-solid/users';
 import times from '@iconify/icons-fa6-solid/xmark';
@@ -10,6 +16,14 @@ import times from '@iconify/icons-fa6-solid/xmark';
   selector: 'app-admin-alliances',
   templateUrl: './admin-alliances.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    IcIconComponent,
+    MainPrivateBottomMenuSubComponent,
+    RouterModule,
+    TranslateModule,
+  ],
 })
 export class AdminAlliancesComponent implements OnInit, OnDestroy {
   public adminAlliancesList: {

src/app/admin-chat/admin-chat.component.ts

@@ -1,15 +1,29 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
 
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { CommonModule } from '@angular/common';
+import { IcIconComponent } from 'src/services/ic-icon.service';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
+
 import volumeMute from '@iconify/icons-fa6-solid/volume-xmark';
 import volumeOff from '@iconify/icons-fa6-solid/volume-off';
 
 @Component({
   selector: 'app-admin-chat',
   templateUrl: './admin-chat.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    IcIconComponent,
+    MainPrivateBottomMenuSubComponent,
+    RouterModule,
+    TranslateModule,
+  ],
 })
 export class AdminChatComponent implements OnInit, OnDestroy {
   public adminChatList: {

src/app/admin-contact/admin-contact.component.ts

@@ -2,8 +2,14 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
 import { ToolsComponent as Tools } from '../../services/tools.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { FormsModule } from '@angular/forms';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { CommonModule } from '@angular/common';
+import { IcIconComponent } from 'src/services/ic-icon.service';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 import angellistIcon from '@iconify-icons/fa6-brands/angellist';
 
@@ -20,6 +26,14 @@ interface ContactList {
   selector: 'app-admin-contact',
   templateUrl: './admin-contact.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    FormsModule,
+    IcIconComponent,
+    MainPrivateBottomMenuSubComponent,
+    TranslateModule,
+  ],
 })
 export class AdminContactComponent implements OnInit, OnDestroy {
   public adminContactList: ContactList[];

src/app/admin-duplicateemail/admin-duplicateemail.component.ts

@@ -1,12 +1,24 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { CommonModule } from '@angular/common';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 @Component({
   selector: 'app-admin-duplicateemail',
   templateUrl: './admin-duplicateemail.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    MainPrivateBottomMenuSubComponent,
+    RouterModule,
+    TranslateModule,
+  ],
 })
 export class AdminDuplicateemailComponent implements OnInit, OnDestroy {
   public emails: {

src/app/admin-duplicateip/admin-duplicateip.component.ts

@@ -1,12 +1,24 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { CommonModule } from '@angular/common';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 @Component({
   selector: 'app-admin-duplicateip',
   templateUrl: './admin-duplicateip.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    MainPrivateBottomMenuSubComponent,
+    RouterModule,
+    TranslateModule,
+  ],
 })
 export class AdminDuplicateipComponent implements OnInit, OnDestroy {
   public ips: {

src/app/admin-emails/admin-emails.component.ts

@@ -1,12 +1,26 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 @Component({
   selector: 'app-admin-emails',
   templateUrl: './admin-emails.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    FormsModule,
+    MainPrivateBottomMenuSubComponent,
+    RouterModule,
+    TranslateModule,
+  ],
 })
 export class AdminEmailsComponent implements OnInit, OnDestroy {
   public adminemailsPage: number;

src/app/admin-history/admin-history.component.ts

@@ -1,12 +1,24 @@
+import { RouterModule } from '@angular/router';
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { SocketComponent as Socket } from '../../services/socketio.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { UserComponent as User } from '../../services/user.service';
+import { CommonModule } from '@angular/common';
+
+import { AdminLeftMenuSubComponent } from '../admin/admin-left-menu.sub-component';
+import { MainPrivateBottomMenuSubComponent } from '../main-private/main-private-bottom-menu.sub-component';
 
 @Component({
   selector: 'app-admin-history',
   templateUrl: './admin-history.component.html',
   styleUrls: ['../admin/admin.component.css'],
+  imports: [
+    AdminLeftMenuSubComponent,
+    CommonModule,
+    MainPrivateBottomMenuSubComponent,
+    RouterModule,
+    TranslateModule,
+  ],
 })
 export class AdminHistoryComponent implements OnInit, OnDestroy {
   public adminUserHistoryList: {