feat(arc-lib): standalone components with intro part

standalone components with docs of introduction part

GH-26

Author: Deepika516

projects/arc-lib/src/lib/components/header /header.component.html

@@ -0,0 +1,18 @@
+<div class="nav-container">
+  <div class="header-container">
+    <div class="logo-container">
+      <nb-icon
+        icon="menu-outline"
+        class="cursor-pointer menu-icon"
+        (click)="toggle()"
+      ></nb-icon>
+      <a
+        class="logo"
+        href="javascript:void(0)"
+        (click)="navigateHome('/main/home')"
+      >
+        <img src="../../assets/images/home/ARC_logo.png" alt="logo" />
+      </a>
+    </div>
+  </div>
+</div>

projects/arc-lib/src/lib/components/header /header.component.scss

@@ -0,0 +1,31 @@
+@use 'sass:map';
+@use '../../theme/styles/variables' as *;
+@use '../.././../../../arc/src/styles.scss' as *;
+@use '../../theme/styles/mixins' as *;
+
+.nav-container {
+  display: flex;
+  justify-content: space-between;
+  width: 100% !important;
+}
+
+.logo-container {
+  display: flex;
+  align-items: center;
+  width: calc(#{nb-theme(sidebar-width)} - #{nb-theme(header-padding)});
+  user-select: none;
+}
+
+nb-action {
+  height: auto;
+  display: flex;
+  align-content: center;
+}
+
+nb-user {
+  cursor: pointer;
+}
+
+.hi {
+  text-align: center;
+}

projects/arc-lib/src/lib/components/header/header.component.ts

@@ -19,7 +19,7 @@ import {Location} from '@angular/common';
 export class HeaderComponent extends RouteComponentBaseDirective {
   toggleFooter = false;
   loggedInUserDM: LoggedInUserDM = new LoggedInUserDM();
-  userMenu: NbMenuItem[] = [{title: 'Log out', data: 'logout'}];
+
   constructor(
     override readonly route: ActivatedRoute,
     override readonly location: Location,
@@ -41,13 +41,4 @@ export class HeaderComponent extends RouteComponentBaseDirective {
     this.sidebarService.toggle(true, 'right');
     this.toggleFooter = !this.toggleFooter;
   }
-
-  ngOnInit(): void {
-    this.authService
-      .currentUser()
-      .pipe(takeUntil(this._destroy$))
-      .subscribe(usr => {
-        this.loggedInUserDM = usr;
-      });
-  }
 }