feat: set fetchpriority and lazy loading for images

Author: szuperaz

projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.html

@@ -106,6 +106,8 @@
                 "
               >
                 <img
+                  fetchpriority="low"
+                  loading="lazy"
                   #imgElement
                   [src]="
                     getImageAttachmentConfiguration(
@@ -334,6 +336,8 @@
               class="str-chat__message-attachment-card--header"
             >
               <img
+                fetchpriority="low"
+                loading="lazy"
                 data-testclass="card-img"
                 alt="{{ attachmentConfiguration.url }}"
                 src="{{ attachmentConfiguration.url }}"

projects/stream-chat-angular/src/lib/avatar/avatar.component.html

@@ -27,6 +27,7 @@
       objectFit: 'cover',
       width: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')'
     }"
+    fetchpriority="high"
   />
   <ng-template #fallback>
     <div