feat : upgrade to Angular 22 (#1902)

* feat : upgrade to Angular 22

* implement best practices

* fix build failure

* attempt to fix

* implement code review comments

Author: rajadilipkolli

README.md

@@ -1,11 +1,9 @@
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/rajadilipkolli/investment-profile)
-
 # investment-profile
 This repository is the sample microservices based end to end solutions which demonstrates key microservices architecture patterns
 
 ## Tools Required
- * JDK 17+
- * Node 18+
+ * JDK 21+
+ * Node 20+
  * IDE(IntelliJ Or VSCode or STS)
 
 ## Steps to start backend application

frontend/.editorconfig

@@ -1,16 +1,16 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.ts]
-quote_type = single
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

frontend/AngularReadme.txt

@@ -1,23 +1,23 @@
-Steps to start the application and open webpage(Please setup mongodb and beckend services before): -
-=================================================================================================
-Step 1: - use below command in cmd: -
-	>> npm install
-	>> ng serve
-
-Step 2: - Open Google chrome and hit localhost:4200
-
-step 3: - For convinience, I have already setup a test user to login. you can also create your own profile(signup) and start using application.
-
-Test User Details: -
-==================
-
-Email: test@mail.com
-password: welcome123  
-
-
-Note: If you are facing error related to Angular Material, Consider doing below: -
-1. ng add @angular/material 
-   Note: select below options while installing: -
-		? Choose a prebuilt theme name, or "custom" for a custom theme: Indigo/Pink
-		? Set up global Angular Material typography styles? Yes
-		? Set up browser animations for Angular Material? Yes
+Steps to start the application and open webpage(Please setup mongodb and backend services before): -
+=================================================================================================
+Step 1: - use below command in cmd: -
+	>> npm install
+	>> ng serve
+
+Step 2: - Open Google Chrome and hit localhost:4200
+
+Step 3: - For convenience, I have already setup a test user to login. you can also create your own profile(signup) and start using application.
+
+Test User Details: -
+==================
+
+Email: test@mail.com
+password: welcome123  
+
+
+Note: If you are facing error related to Angular Material, Consider doing below: -
+1. ng add @angular/material 
+   Note: select below options while installing: -
+		? Choose a prebuilt theme name, or "custom" for a custom theme: Indigo/Pink
+		? Set up global Angular Material typography styles? Yes
+		? Set up browser animations for Angular Material? Yes

frontend/README.md

@@ -1,33 +1,33 @@
-# InvestmentProfile
-
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0.
-
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Code scaffolding
-
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
-
-## Steps to start application in local
-
- * Install node
- * install latest angular cli using - `npm install -g @angular/cli@latest`
- * install all dependencies using - `npm install`
+# InvestmentProfile
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+
+## Steps to start application in local
+
+ * Install node
+ * install latest angular cli using - `npm install -g @angular/cli@latest`
+ * install all dependencies using - `npm install`