feat: add contact list

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

@@ -0,0 +1,28 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { STRINGS_INJECTOR } from '../../app.config';
+import { UpperfirstPipe } from "../../pipes/upperfirst-pipe";
+import { ContactSearchBar } from "../contact-search-bar/contact-search-bar";
+import { ContactListTable } from "../contact-list-table/contact-list-table";
+import { ContactService } from '../../pages/main/contact.service';
+import { AsyncPipe } from '@angular/common';
+import { Counter } from "../counter/counter";
+import { ContactsFilterPipe } from "../../pipes/contacts-filter-pipe";
+
+@Component({
+  selector: 'app-contact-list',
+  imports: [AsyncPipe, UpperfirstPipe, ContactSearchBar, ContactListTable, Counter, ContactsFilterPipe],
+  templateUrl: './contact-list.html',
+  styleUrl: './contact-list.scss',
+})
+export class ContactList implements OnInit{
+  
+  private readonly contactService = inject(ContactService);
+  protected readonly strings = inject(STRINGS_INJECTOR);
+  protected contacts$ = this.contactService.contacts$;
+  protected filter = '';
+
+  ngOnInit(): void {
+    this.contactService.getAll().subscribe();
+  }
+
+}