Basic API consumption support and refactored UI to use material (#1)

Co-authored-by: Joe Arndt <jmarndt@users.noreply.github.com>
Reviewed-on: #1

src/app/components/expense-list/expense-list.component.ts

@@ -0,0 +1,17 @@
+import { Component, computed } from '@angular/core';
+import { ExpenseService } from '../../services/expense.service';
+import { MatTableModule } from '@angular/material/table';
+import { MatCardModule } from '@angular/material/card';
+import { ExpenseComponent } from '../expense/expense.component';
+
+@Component({
+  selector: 'app-expense-list',
+  imports: [MatTableModule, MatCardModule, ExpenseComponent],
+  templateUrl: './expense-list.component.html',
+  styleUrl: './expense-list.component.scss'
+})
+export class ExpenseListComponent {
+  protected expenses = computed(() => this.expensesService.expenses())
+
+  public constructor(private readonly expensesService: ExpenseService) { }
+}