First functional version

src/app/app.module.ts

@@ -6,12 +6,11 @@ import {
 } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
-import { AppComponent } from './app.component';
-import { AppContentComponent } from './app-content.component';
-import { AppSidePanelTestComponent } from './app-side-panel-test.component';
-import { AppCommonModule } from '@farmmaps/common';
+import { AppCommonModule,  } from '@farmmaps/common';
 import { AppCommonMapModule} from '@farmmaps/common-map';
 
+import {AppRootComponent} from './app.component';
+
 import {StoreModule, Store} from '@ngrx/store';
 import {EffectsModule, EffectSources} from '@ngrx/effects';
 import { StoreRouterConnectingModule} from '@ngrx/router-store';
@@ -45,9 +44,7 @@ export function provideBootstrapEffects(effects: Type<any>[]) {
 
 @NgModule({
   declarations: [
-    AppComponent,
-    AppContentComponent,
-    AppSidePanelTestComponent
+    AppRootComponent
   ],
   imports: [
     AppRoutingModule,
@@ -58,6 +55,6 @@ export function provideBootstrapEffects(effects: Type<any>[]) {
     EffectsModule.forRoot([])
   ],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppRootComponent]
 })
 export class AppModule { }