feat; add multi language support

src/app/components/contact-search-bar/contact-search-bar.html

@@ -1,5 +1,5 @@
 <input 
     (input)="contactSearch.emit($event.target.value)" 
     class="search-bar shadow"
-    placeholder="{{strings.searchContactPlaceholder}}" 
+    placeholder="{{languageManager.strings.searchContactPlaceholder|upperfirst}}" 
     type="text">

src/app/components/contact-search-bar/contact-search-bar.ts

@@ -1,13 +1,14 @@
 import { Component, inject, output } from '@angular/core';
-import { STRINGS_INJECTOR } from '../../app.config';
+import { LanguageManager } from '../../services/language-manager';
+import { UpperfirstPipe } from '../../pipes/upperfirst-pipe';
 
 @Component({
   selector: 'app-contact-search-bar',
-  imports: [],
+  imports: [UpperfirstPipe],
   templateUrl: './contact-search-bar.html',
   styleUrl: './contact-search-bar.scss',
 })
 export class ContactSearchBar {
-  contactSearch = output<string>()
-  protected readonly strings = inject(STRINGS_INJECTOR);
+  contactSearch = output<string>();
+  protected readonly languageManager = inject(LanguageManager);
 }