Correction initialization of language

src/app/app.component.html

@@ -2,18 +2,18 @@
   <div class="me-auto col-auto">
     <a class="navbar-brand ms-2">
       <a 
-      class="navbar-brand ms-2" 
-      role="button"
-      tabindex="0"
-      (click)="switchLanguage(translate.currentLang === 'pl' ? 'en' : 'pl')"
-      (keydown)="handleKeyDown($event)">
-      <img 
-        loading="lazy" 
-        class="border border-dark" 
-        height="25" 
-        src="/flag-icons-main/flags/4x3/{{ translate.currentLang === 'pl' ? 'us' : 'pl' }}.svg" 
-        alt="Switch language"
-      >
+        class="navbar-brand ms-2" 
+        role="button"
+        tabindex="0"
+        (click)="switchLanguage( translate.currentLang === 'pl' ? 'en' : 'pl' )"
+        (keydown)="handleKeyDown($event)">
+        <img 
+          loading="lazy" 
+          class="border border-dark" 
+          height="25" 
+          src= "/flag-icons-main/flags/4x3/{{ translate.currentLang === 'pl' ? 'us' : 'pl'  }}.svg"
+          alt="Switch language"
+        >
     </a>
       
     </a>

src/app/app.component.ts

@@ -14,6 +14,7 @@ export class AppComponent implements OnDestroy {
   private langChangeSub!: Subscription;
   title = 'Strona';
 
+
   constructor(public translate: TranslateService) {
     this.initializeLanguage();
   }
@@ -24,12 +25,13 @@ export class AppComponent implements OnDestroy {
 
     this.translate.addLangs(supportedLangs);
 
-    if (savedLang && supportedLangs.includes(savedLang)) {
-      this.translate.use(savedLang);
+    if( savedLang && supportedLangs.includes(savedLang) ) {
+      this.switchLanguage(savedLang);
     } else {
       const browserLang = navigator.language.slice(0, 2);
       const defaultLang = supportedLangs.includes(browserLang) ? browserLang : 'pl';
       this.translate.setDefaultLang(defaultLang);
+      this.switchLanguage( defaultLang );
     }
 
     this.langChangeSub = this.translate.onLangChange.subscribe((event) => {