feat: use standalone components

Author: Angular2Guy

frontend/src/angular/src/app/app-routing.ts

@@ -11,10 +11,9 @@
    limitations under the License.
  */
 import { Routes } from "@angular/router";
-import { SearchComponent } from "./search/search.component";
 
 export const routes: Routes = [
-  { path: "search", component: SearchComponent },
+  { path: "search", loadComponent: () => import("./search/search.component").then(m => m.SearchComponent) },
   { path: "movie/:id", loadComponent: () => import("./movies/movies.component").then(m => m.MoviesComponent) },
   { path: "actor/:id",  loadComponent: () => import("./actors/actors.component").then(m => m.ActorsComponent) },
   { path: "movie-import", loadComponent: () => import("./movie-import/movie-import.component").then(m => m.MovieImportComponent) },

frontend/src/angular/src/app/app.config.ts

@@ -13,7 +13,7 @@
 import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
-import { routes } from './app-routing.module';
+import { routes } from './app-routing';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { NgxServiceModule } from 'ngx-simple-charts/base-service';