convert main page into standalone component

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 { MainPageComponent } from "./main-page/main-page.component";
 import { HelpPageComponent } from "./help-page/help-page.component";
 import { UploadPageComponent } from "./upload-page/upload-page.component";
 import { VisualizationPageComponent } from "./visualization-page/visualization-page.component";
@@ -57,10 +56,10 @@ import { DragDropModule } from "@angular/cdk/drag-drop";
 import { ConfirmationDialogComponent } from "./confirmation-dialog/confirmation-dialog.component";
 import { FocusDirective } from "./focus.directive";
 import { MarkdownModule } from "ngx-markdown";
+import { MainPageComponent } from "./main-page/main-page.component";
 
 @NgModule({ declarations: [
         AppComponent,
-        MainPageComponent,
         HelpPageComponent,
         UploadPageComponent,
         VisualizationPageComponent,
@@ -83,13 +82,16 @@ import { MarkdownModule } from "ngx-markdown";
         ConfirmationDialogComponent,
         FocusDirective,
     ],
-    bootstrap: [AppComponent], imports: [MarkdownModule.forRoot(),
+    bootstrap: [AppComponent], 
+    imports: [
+        MarkdownModule.forRoot(),
         BrowserModule,
         AppRoutingModule,
         FormsModule,
         ReactiveFormsModule,
         DatePickerComponent,
         DragDropModule,
+        MainPageComponent,
         MatAutocompleteModule,
         MatBadgeModule,
         MatButtonModule,