update home, app, components

src/app/header/header.component.html

@@ -1,6 +1,6 @@
 <header class="header">
   <span class="header__avatar" mat-card-avatar></span>
-  <span class="header__logo">Raghu Ch</span>
+  <span class="header__logo">{{title}}</span>
   <span class="header__spacer"></span>
   <nav class="header__nav">
     <mat-icon aria-hidden="false" aria-label="menu icon" fontIcon="menu"></mat-icon>

src/app/header/header.component.scss

@@ -6,6 +6,8 @@
 }
 
 .header {
+  // background-color: var(--mat-sys-primary-container);
+  // color: var(--mat-sys-on-primary-container);
   color: var(--mat-sys-on-primary);
   background-color: var(--mat-sys-primary);
   padding: 0.5rem 1rem;

src/app/header/header.component.ts

@@ -10,4 +10,6 @@ import { MatIconModule } from '@angular/material/icon';
   templateUrl: './header.component.html',
   styleUrl: './header.component.scss',
 })
-export class HeaderComponent {}
+export class HeaderComponent {
+  title = 'Raghu Ch';
+}