[frontend] Add minimal example for fetching hood list

kibicara-frontend/src/app/hoodspage/hoodspage.component.html

@@ -1 +1 @@
-<p>hoodspage works!</p>
+<div *ngFor="let item of hoods$ | async">{{ item.name }}</div>

kibicara-frontend/src/app/hoodspage/hoodspage.component.ts

@@ -1,15 +1,15 @@
 import { Component, OnInit } from '@angular/core';
+import { HoodsService } from '../api/api/hoods.service';
 
 @Component({
   selector: 'app-hoodspage',
   templateUrl: './hoodspage.component.html',
-  styleUrls: ['./hoodspage.component.scss']
+  styleUrls: ['./hoodspage.component.scss'],
 })
 export class HoodspageComponent implements OnInit {
+  hoods$ = this.hoodsService.getHoods();
 
-  constructor() { }
-
-  ngOnInit(): void {
-  }
+  constructor(private readonly hoodsService: HoodsService) {}
 
+  ngOnInit(): void {}
 }