fix: turn off image load optimization if DOM tree is customized

Author: szuperaz

projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts

@@ -15,6 +15,7 @@ import {
   AvatarType,
   DefaultStreamChatGenerics,
 } from '../types';
+import { ThemeService } from '../theme.service';
 
 /**
  * The `AvatarPlaceholder` component displays the [default avatar](./AvatarComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
@@ -81,22 +82,25 @@ export class AvatarPlaceholderComponent
   constructor(
     public customTemplatesService: CustomTemplatesService,
     private hostElement: ElementRef<HTMLElement>,
-    private cdRef: ChangeDetectorRef
+    private cdRef: ChangeDetectorRef,
+    private themeService: ThemeService
   ) {}
 
   ngAfterViewInit(): void {
-    if (this.location !== 'message-sender') {
-      this.isVisible = true;
-      this.cdRef.detectChanges();
-      return;
-    }
-    this.checkIfVisible();
     const elementToObserve =
       this.hostElement.nativeElement.parentElement?.parentElement
         ?.parentElement;
-    if (!elementToObserve) {
+    if (
+      this.location !== 'message-sender' ||
+      !elementToObserve ||
+      !elementToObserve.classList.contains('str-chat__li') ||
+      this.themeService.themeVersion === '1'
+    ) {
+      this.isVisible = true;
+      this.cdRef.detectChanges();
       return;
     }
+    this.checkIfVisible();
     this.mutationObserver = new MutationObserver(() => {
       this.checkIfVisible();
     });