Optimize avatar image loading with lazy and async attributes

Added `loading="lazy"` and `decoding="async"` to author avatar images in `VideoCard.js` and the creator avatar in `video-modal.html`. This aligns these components with `SimilarContentCard.js` and `VideoCard` thumbnails, improving initial page load performance and reducing main-thread blocking by deferring off-screen image loading and decoding.

Co-authored-by: PR0M3TH3AN <[email protected]>

components/video-modal.html

@@ -503,6 +503,8 @@
                       id="creatorAvatar"
                       src=""
                       alt="Creator"
+                      loading="lazy"
+                      decoding="async"
                       class="h-full w-full rounded-full object-cover cursor-pointer"
                     />
                   </div>

js/ui/components/VideoCard.js

@@ -904,7 +904,9 @@ export class VideoCard {
     const avatar = this.createElement("img", {
       attrs: {
         src: "assets/svg/default-profile.svg",
-        alt: "Placeholder"
+        alt: "Placeholder",
+        loading: "lazy",
+        decoding: "async",
       }
     });
     avatar.classList.add(