convert help page into standalone component and add lazy loading

pdb-js/src/app/app-routing.module.ts

@@ -13,10 +13,9 @@ const routes: Routes = [
   { path: "vis", component: VisualizationPageComponent },
   { path: "dashboard", component: DashboardPageComponent },
   { path: "dashboard/:id", component: DashboardComponent },
-  //{ path: "upload", component: UploadPageComponent },
   { path: "upload", loadComponent: () =>  import("./upload-page/upload-page.component").then(m => m.UploadPageComponent) },
   { path: "grid", component: CustomizableGridComponent },
-  { path: "help", component: HelpPageComponent },
+  { path: "help", loadComponent: () =>  import("./help-page/help-page.component").then(m => m.HelpPageComponent)  },
   // { path: '**', component: PageNotFoundComponent }
 ];
 

pdb-js/src/app/app.module.ts

@@ -6,7 +6,6 @@ import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 
 import { AppRoutingModule } from "./app-routing.module";
 import { AppComponent } from "./app.component";
-import { HelpPageComponent } from "./help-page/help-page.component";
 import { VisualizationPageComponent } from "./visualization-page/visualization-page.component";
 
 import { DatePickerComponent } from "./components/datepicker/date-picker.component";
@@ -59,7 +58,6 @@ import { MainPageComponent } from "./main-page/main-page.component";
 
 @NgModule({ declarations: [
         AppComponent,
-        HelpPageComponent,
         VisualizationPageComponent,
         YAxisDefinitionComponent,
         QueryAutocompleteComponent,

pdb-js/src/app/help-page/help-page.component.ts

@@ -3,7 +3,8 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'pdb-help-page',
   templateUrl: './help-page.component.html',
-  styleUrls: ['./help-page.component.scss']
+  styleUrls: ['./help-page.component.scss'],
+  standalone: true
 })
 export class HelpPageComponent implements OnInit {