Chore: Removed Mat Card from everywhere.

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

bookie/src/app/taxes/tax-detail/tax-detail.component.ts

@@ -1,18 +1,17 @@
 import { AfterViewInit, 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 { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { round } from 'mathjs';
 import { Regime } from 'src/app/core/regime';
 
 import { Tax } from '../../core/tax';
-import { ToasterService } from '../../core/toaster.service';
 import { ConfirmDialogComponent } from '../../shared/confirm-dialog/confirm-dialog.component';
 import { TaxService } from '../tax.service';
 
@@ -20,21 +19,13 @@ import { TaxService } from '../tax.service';
   selector: 'app-tax-detail',
   templateUrl: './tax-detail.component.html',
   styleUrls: ['./tax-detail.component.css'],
-  imports: [
-    MatButtonModule,
-    MatCardModule,
-    MatFormFieldModule,
-    MatInputModule,
-    MatOptionModule,
-    MatSelectModule,
-    ReactiveFormsModule,
-  ],
+  imports: [MatButtonModule, MatFormFieldModule, MatInputModule, MatOptionModule, MatSelectModule, ReactiveFormsModule],
 })
 export class TaxDetailComponent implements OnInit, AfterViewInit {
   private route = inject(ActivatedRoute);
   private router = inject(Router);
   private dialog = inject(MatDialog);
-  private toaster = inject(ToasterService);
+  private snackBar = inject(MatSnackBar);
   private ser = inject(TaxService);
 
   @ViewChild('nameElement', { static: true }) nameElement?: ElementRef;
@@ -84,11 +75,11 @@ export class TaxDetailComponent implements OnInit, AfterViewInit {
   save() {
     this.ser.saveOrUpdate(this.getItem()).subscribe({
       next: () => {
-        this.toaster.show('Success', '');
+        this.snackBar.open('', 'Success');
         this.router.navigateByUrl('/taxes');
       },
       error: (error) => {
-        this.toaster.show('Error', error);
+        this.snackBar.open(error, 'Error');
       },
     });
   }
@@ -96,11 +87,11 @@ export class TaxDetailComponent implements OnInit, AfterViewInit {
   delete() {
     this.ser.delete(this.item.id as string).subscribe({
       next: () => {
-        this.toaster.show('Success', '');
+        this.snackBar.open('', 'Success');
         this.router.navigateByUrl('/taxes');
       },
       error: (error) => {
-        this.toaster.show('Error', error);
+        this.snackBar.open(error, 'Error');
       },
     });
   }