feat: 6132 upgrade angular and primeNg to v21

* feat: migrate PrimeNG 17 to 18
* feat: migrate Angular 18/PrimeNG 18 to Angular 19/PrimeNG 19
* feat: migrate Angular 19/PrimeNG 19 to Angular 20/PrimeNG 20
* fix: default preset to Aura
* fix: bridge dead PrimeNG color vars and override Aura primary to brand blue
* fix: restore login styling and rename dead PrimeNG 19 CSS class tokens app-wide
* fix: schema page spacing regression after PrimeNG 20 migration
* fix: apply schema page spacing to other full pages and update shared tab selectors for PrimeNG 20
* fix: initial tab values, menu alignment, grid header padding
* fix: add 40px gap below Import Schema dialog tabs
* fix: restore close icon default in DynamicDialog
* fix: Restore p-checkbox labels for PrimeNG 20
* fix: Restore PrimeNG 20 accordion headers and toggle functionality
* fix: Lazy-render hidden default forms and add trackBy for schema field lists
* fix: Fix Schema dialog height to prevent vertical shrinking on tab switch
* fix: Restore Guardian accordion styling for PrimeNG 20
* fix: Restore Import dialog tabs gap, search icon positioning, toolbar button alignment
* fix: prompt for mock before policy Dry-Run
* fix: Restyle Import Artifacts dialog to match Guardian standard
* fix: Stop artifact page CSS leaking into paginator dropdown
* fix: Unify toolbar-to-table gap to 40px across all grid pages
* fix: Unify toolbar-to-grid gap to 40px on Tools and shared-layout pages
* fix: Fix Manage Policies grid regressions: toolbar gap, scroll chrome, status dropdown width, button alignment, duplicate tooltip
* fix: fix Policy Comparison accordion: independent toggles, icon positioning, filter width
* fix: Fix frozen Operations column stacking over status drop-downs on scroll
* fix: Center items-per-page number in paginator select box
* fix: Fix comparison page accordions: independent toggles, icon positioning, initial open panels
* fix: Restore Migrate Data dialog tab switching after PrimeNG 20 migration
* fix: Restore Manage Policies status dropdown backgrounds and alignment
* fix: restore Tools page status pill styling and Operations column width
* fix: Restore date picker to seamless white control after PrimeNG 20 migration
* fix: Fix remaining date picker styling for PrimeNG 20 class renames
* fix: Restore document viewer accordion open/close behaviour
* fix: Establish page layout tokens and update shared skeleton
* fix: Connect Manage Policies to shared page skeleton and tokens
* fix: Add header gap to shared styles and connect Manage Modules to shared skeleton
* fix: Convert Manage Modules table to shared grid pattern via p-table
* fix: Consolidate paginator select/button/inputtext styling into shared component
* fix: Flatten shared page header to match Tools etalon spacing
* feat: Connect all 13 remaining pages to shared header skeleton
* feat: Align Artifacts page to Module page pattern with shared grid
* fix: Harmonize toolbar button and dropdown styles across policy engine pages
* fix: Align Formulas page toolbar to Artifacts pattern, fix double-render bug
* fix: Align Schema Rules page to actions-block pattern, remove back button
* fix: remove page-local header spacing override and update toolbar to common pattern
* refactor: Centralize header and tabs spacing into shared theme styles
* feat: Centralize badge styling into shared Guardian theme
* refactor: Extract Draft/Dry-run dropdown styling to shared guardian-status-select
* refactor: Align List of Tokens page to common main-page pattern
* fix: Align Retirement and Relayer Accounts pages to common spacing
* fix: Equalize grid row heights on Tools and Formulas pages
* refactor: Align Roles page list view to common main-page pattern
* refactor: Align User Management page to common main-page pattern
* refactor: Align Logs page to common pattern with variable row height
* fix: Align Worker Tasks page to guardian-grid-container pattern with text-truncate and tooltips
* fix: Align Notifications page to guardian-grid-container pattern with text-truncate and tooltips
* fix: Align Profile page header/tabs to common pattern
* fix: Align Search for Policies page header to common pattern
* fix: Align Statistics page action block to Formulas pattern and remove Back button
* fix: Align Policy Labels page action block to Formulas pattern and remove Back button
* fix: Align List of Tokens header to common pattern and remove back-button blocks
* fix: Align Retirement page to common Modules pattern with shared header, actions, and grid
* fix: minor ts issue policy configurator
* fix: Make Logs toolbar responsive and fix date-range icon positioning
* feat: upgrade Angular and PrimeNG to version 21
* fix: Angular 21 frontend build errors
* fix: clean Angular 21 build warnings
* chore: clean up dependencies after Angular 21 migration
* chore: clean up TypeScript compiler config
* fix: new package lock file
* fix: resolve UI regressions after Angular 21 / PrimeNG 21 migration
* fix: Enable TypeScript strict mode with isolatedModules and noImplicitOverride
* fix: minor fix for svg icon
* fix: tsconfig options
* fix: start policy wizard dialog
---------
Signed-off-by: Alex Piatakov <alex.piatakov@swirldslabs.com>
Co-authored-by: Alex Piatakov <alex.piatakov@swirldslabs.com>

Author: ihar-tsykala

frontend/angular.json

@@ -8,7 +8,7 @@
         "guardian": {
             "architect": {
                 "build": {
-                    "builder": "@angular-devkit/build-angular:application",
+                    "builder": "@angular/build:application",
                     "configurations": {
                         "development": {
                           "extractLicenses": false,
@@ -108,25 +108,30 @@
                         ],
                         "styles": [
                           "./node_modules/ngx-toastr/toastr.css",
-                          "./node_modules/primeng/resources/themes/saga-blue/theme.css",
-                          "./node_modules/primeng/resources/primeng.min.css",
                           "./node_modules/primeicons/primeicons.css",
                           "node_modules/ol/ol.css",
                           "src/styles.scss"
                         ],
                         "tsConfig": "tsconfig.app.json",
                         "browser": "src/main.ts",
-                        "preserveSymlinks": true
+                        "preserveSymlinks": true,
+                        "stylePreprocessorOptions": {
+                            "sass": {
+                                "silenceDeprecations": [
+                                    "import"
+                                ]
+                            }
+                        }
                     }
                 },
                 "extract-i18n": {
-                    "builder": "@angular-devkit/build-angular:extract-i18n",
+                    "builder": "@angular/build:extract-i18n",
                     "options": {
                         "buildTarget": "guardian:build"
                     }
                 },
                 "serve": {
-                    "builder": "@angular-devkit/build-angular:dev-server",
+                    "builder": "@angular/build:dev-server",
                     "configurations": {
                         "development": {
                             "buildTarget": "guardian:build:development",
@@ -144,7 +149,7 @@
                     "defaultConfiguration": "development"
                 },
                 "test": {
-                    "builder": "@angular-devkit/build-angular:karma",
+                    "builder": "@angular/build:karma",
                     "options": {
                         "assets": [
                             "src/favicon.ico",
@@ -179,5 +184,31 @@
             "sourceRoot": "src"
         }
     },
-    "version": 1
+    "version": 1,
+    "schematics": {
+      "@schematics/angular:component": {
+        "type": "component"
+      },
+      "@schematics/angular:directive": {
+        "type": "directive"
+      },
+      "@schematics/angular:service": {
+        "type": "service"
+      },
+      "@schematics/angular:guard": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:interceptor": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:module": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:pipe": {
+        "typeSeparator": "."
+      },
+      "@schematics/angular:resolver": {
+        "typeSeparator": "."
+      }
+    }
 }

frontend/karma.conf.js

@@ -10,7 +10,6 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
       jasmine: {