Created seperate module for layouts & moved HeaderComponent to layouts module

src/app/app.module.ts

@@ -3,16 +3,16 @@ import { NgModule } from '@angular/core';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { HeaderComponent } from './layouts/header/header.component';
+import { LayoutsModule } from './modules/layouts/layouts.module';
 
 @NgModule({
   declarations: [
-    AppComponent,
-    HeaderComponent
+    AppComponent
   ],
   imports: [
     BrowserModule,
-    AppRoutingModule
+    AppRoutingModule,
+    LayoutsModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/modules/layouts/layouts.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { HeaderComponent } from 'src/app/layouts/header/header.component';
+
+@NgModule({
+  declarations: [
+    HeaderComponent
+  ],
+  imports: [],
+  exports: [
+    HeaderComponent
+  ]
+})
+export class LayoutsModule { }