refactor: migrate to standalone components and fix imports

- Convert AppComponent and test components to standalone
- Add required imports (NgIf, AsyncPipe, UpperCasePipe, etc.)
- Update test configuration to import standalone components
- Fix all linting errors related to standalone components

Author: yogeshchoudhary147

projects/auth0-angular/src/useragent.ts

@@ -1 +1 @@
-export default { name: '@auth0/auth0-angular', version: '2.3.0' };
+export default { name: '@auth0/auth0-angular', version: '2.4.0' };

projects/playground/src/app/app.component.spec.ts

@@ -31,8 +31,7 @@ describe('AppComponent', () => {
     } as any;
 
     TestBed.configureTestingModule({
-      declarations: [AppComponent],
-      imports: [RouterTestingModule, ReactiveFormsModule],
+      imports: [AppComponent, RouterTestingModule, ReactiveFormsModule],
       providers: [
         {
           provide: AuthService,

projects/playground/src/app/app.component.ts

@@ -1,16 +1,35 @@
 import { Component, Inject, OnInit } from '@angular/core';
-import { UntypedFormGroup, UntypedFormControl } from '@angular/forms';
+import {
+  UntypedFormGroup,
+  UntypedFormControl,
+  ReactiveFormsModule,
+} from '@angular/forms';
 import { AuthService } from '../../../auth0-angular/src/lib/auth.service';
 import { iif } from 'rxjs';
 import { first } from 'rxjs/operators';
-import { DOCUMENT } from '@angular/common';
+import {
+  DOCUMENT,
+  AsyncPipe,
+  JsonPipe,
+  UpperCasePipe,
+  NgIf,
+} from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { LogoutOptions } from 'projects/auth0-angular/src/lib/interfaces';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  imports: [
+    AsyncPipe,
+    JsonPipe,
+    UpperCasePipe,
+    NgIf,
+    ReactiveFormsModule,
+    RouterOutlet,
+  ],
 })
 export class AppComponent implements OnInit {
   isAuthenticated$ = this.auth.isAuthenticated$;