fix: move standalone components from declarations to imports

- Move all standalone components to imports array in AppModule
- Move LazyModuleComponent to imports in LazyModuleModule
- Empty declarations arrays since all components are now standalone

Author: yogeshchoudhary147

projects/playground/src/app/app.module.ts

@@ -35,23 +35,19 @@ const configInitializer =
       .then((loadedConfig: any) => config.set(loadedConfig)); // Set the config that was loaded asynchronously here
 
 @NgModule({
-  declarations: [
-    AppComponent,
-    ProtectedComponent,
-    UnprotectedComponent,
-    ChildRouteComponent,
-    NestedChildRouteComponent,
-    ErrorComponent,
-  ],
+  declarations: [],
   bootstrap: [AppComponent],
   imports: [
     BrowserModule,
     AppRoutingModule,
     ReactiveFormsModule,
-    // This playground has been configured by default to use dynamic configuration.
-    // If you wish to specify configuration to `forRoot` directly, uncomment `authConfig`
-    // here, and comment out the APP_INITIALIZER config in the providers array below.
     AuthModule.forRoot(/* authConfig */),
+    AppComponent,
+    ProtectedComponent,
+    UnprotectedComponent,
+    ChildRouteComponent,
+    NestedChildRouteComponent,
+    ErrorComponent,
   ],
   providers: [
     {

projects/playground/src/app/lazy-module.module.ts

@@ -5,7 +5,7 @@ import { LazyModuleRoutingModule } from './lazy-module-routing.module';
 import { LazyModuleComponent } from './components/lazy-module.component';
 
 @NgModule({
-  declarations: [LazyModuleComponent],
-  imports: [CommonModule, LazyModuleRoutingModule],
+  declarations: [],
+  imports: [CommonModule, LazyModuleRoutingModule, LazyModuleComponent],
 })
 export class LazyModuleModule {}