Chore: Removed Mat Card from everywhere.

Chore: Removed the Toaster Service.
Chore: Updated to Material Theme 3

bookie/src/app/header-footer/header-footer.component.ts

@@ -1,17 +1,16 @@
 import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
 import { MatOptionModule } from '@angular/material/core';
 import { MatDialog } from '@angular/material/dialog';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectChange, MatSelectModule } from '@angular/material/select';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { map } from 'rxjs/operators';
 
-import { ToasterService } from '../core/toaster.service';
 import { HeaderFooter } from './header-footer';
 import { HeaderFooterService } from './header-footer.service';
 
@@ -21,7 +20,7 @@ import { HeaderFooterService } from './header-footer.service';
   styleUrls: ['./header-footer.component.css'],
   imports: [
     MatButtonModule,
-    MatCardModule,
+
     MatDividerModule,
     MatFormFieldModule,
     MatInputModule,
@@ -33,7 +32,7 @@ import { HeaderFooterService } from './header-footer.service';
 export class HeaderFooterComponent implements OnInit {
   private route = inject(ActivatedRoute);
   private router = inject(Router);
-  private toaster = inject(ToasterService);
+  private snackBar = inject(MatSnackBar);
   private dialog = inject(MatDialog);
   private ser = inject(HeaderFooterService);
 
@@ -79,11 +78,11 @@ export class HeaderFooterComponent implements OnInit {
   save() {
     this.ser.save(this.getItem()).subscribe({
       next: (result: HeaderFooter[]) => {
-        this.toaster.show('Success', '');
+        this.snackBar.open('', 'Success');
         this.showItem(result);
       },
       error: (error) => {
-        this.toaster.show('Error', error);
+        this.snackBar.open(error, 'Error');
       },
     });
   }