base page scaffolding and expense service

src/app/components/expense-list/expense-list.html

@@ -0,0 +1,3 @@
+<div class="expense-list-container">
+  <p>expense-list works!</p>
+</div>

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

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Expenses } from '../../services/expenses';
+
+@Component({
+  selector: 'app-expense-list',
+  imports: [],
+  templateUrl: './expense-list.html',
+  styleUrl: './expense-list.scss',
+})
+export class ExpenseList implements OnInit {
+  public constructor(private readonly expenses: Expenses) { }
+
+  public ngOnInit() {
+    void this.expenses.getExpenses();
+  }
+}