Fehler behebung

bizmatch/src/app/components/base-input/base-input.component.ts

@@ -1,6 +1,5 @@
 import { Component, Input } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { initFlowbite } from 'flowbite';
 import { Subscription } from 'rxjs';
 import { ValidationMessagesService } from '../validation-messages.service';
 
@@ -25,9 +24,7 @@ export abstract class BaseInputComponent implements ControlValueAccessor {
     this.subscription = this.validationMessagesService.messages$.subscribe(() => {
       this.updateValidationMessage();
     });
-    setTimeout(() => {
-      initFlowbite();
-    }, 10);
+    // Flowbite is now initialized once in AppComponent
   }
 
   ngOnDestroy() {

bizmatch/src/app/components/footer/footer.component.ts

@@ -1,9 +1,9 @@
 import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { NavigationEnd, Router, RouterModule } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { initFlowbite } from 'flowbite';
+
 @Component({
   selector: 'app-footer',
   standalone: true,
@@ -17,10 +17,6 @@ export class FooterComponent {
   currentYear: number = new Date().getFullYear();
   constructor(private router: Router) {}
   ngOnInit() {
-    this.router.events.subscribe(event => {
-      if (event instanceof NavigationEnd) {
-        initFlowbite();
-      }
-    });
+    // Flowbite is now initialized once in AppComponent
   }
 }

bizmatch/src/app/components/header/header.component.html

@@ -178,7 +178,7 @@
             aria-current="page"
             (click)="closeMenusAndSetCriteria('businessListings')"
           >
-            <img src="assets/images/business_logo.png" alt="Business" class="w-5 h-5 mr-2 object-contain" />
+            <img src="assets/images/business_logo.png" alt="Business" class="w-5 h-5 mr-2 object-contain" width="20" height="20" />
             <span>Businesses</span>
           </a>
         </li>
@@ -191,7 +191,7 @@
             class="block py-2 px-3 rounded hover:bg-neutral-100 md:hover:bg-transparent md:hover:text-primary-600 md:p-0 dark:text-white md:dark:hover:text-primary-500 dark:hover:bg-neutral-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-neutral-700 inline-flex items-center"
             (click)="closeMenusAndSetCriteria('commercialPropertyListings')"
           >
-            <img src="assets/images/properties_logo.png" alt="Properties" class="w-5 h-5 mr-2 object-contain" />
+            <img src="assets/images/properties_logo.png" alt="Properties" class="w-5 h-5 mr-2 object-contain" width="20" height="20" />
             <span>Properties</span>
           </a>
         </li>

bizmatch/src/app/components/header/header.component.ts

@@ -4,7 +4,7 @@ import { FormsModule } from '@angular/forms';
 import { NavigationEnd, Router, RouterModule } from '@angular/router';
 import { faUserGear } from '@fortawesome/free-solid-svg-icons';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
-import { Collapse, Dropdown, initFlowbite } from 'flowbite';
+import { Collapse, Dropdown } from 'flowbite';
 import { filter, Observable, Subject, takeUntil } from 'rxjs';
 
 import { SortByOptions, User } from '../../../../../bizmatch-server/src/models/db.model';
@@ -88,10 +88,7 @@ export class HeaderComponent implements OnInit, OnDestroy {
     this.numberOfBroker$ = this.userService.getNumberOfBroker(this.createEmptyUserListingCriteria());
     this.numberOfCommercial$ = this.listingService.getNumberOfListings('commercialProperty');
 
-    // Flowbite initialisieren
-    setTimeout(() => {
-      initFlowbite();
-    }, 10);
+    // Flowbite is now initialized once in AppComponent
 
     // Profile Photo Updates
     this.sharedService.currentProfilePhoto.pipe(untilDestroyed(this)).subscribe(photoUrl => {

bizmatch/src/app/components/tooltip/tooltip.component.ts

@@ -1,6 +1,5 @@
 import { CommonModule } from '@angular/common';
 import { Component, Input, SimpleChanges } from '@angular/core';
-import { initFlowbite } from 'flowbite';
 
 @Component({
   selector: 'app-tooltip',
@@ -24,9 +23,7 @@ export class TooltipComponent {
   }
 
   private initializeTooltip() {
-    setTimeout(() => {
-      initFlowbite();
-    }, 10);
+    // Flowbite is now initialized once in AppComponent
   }
 
   private updateTooltipVisibility() {