Add list of tasks

frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts

@@ -1,4 +1,6 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { TaskService } from 'src/app/services/task.service';
+import { Task } from 'src/app/models/task';
 
 @Component({
   selector: 'app-tasks',
@@ -6,8 +8,17 @@ import { Component } from '@angular/core';
   styleUrls: ['tasks.page.scss'],
   standalone: false,
 })
-export class TasksPage {
+export class TasksPage implements OnInit {
+  public tasks: Array<Task> = [];
 
-  constructor() {}
+  constructor(
+    private taskService: TaskService
+  ) {}
+
+  ngOnInit(): void {
+    this.taskService.getTaskList().subscribe(tasks => {
+      this.tasks = tasks;
+    });
+  }
 
 }