fix images on user profile

public/js/home-search-view.js

@@ -1,21 +1,15 @@
-import "lazysizes";
 import map from "./map.js";
 import tabsWithCards from "./tabs-with-cards.js";
 import bookmarkButtons from "./bookmark-buttons.js";
 import dropdownButton from "./dropdown-button.js";
 import searchFilters from "./search-filters.js";
+import lazyLoadImages from "./lazy-load-images.js";
 
 document.addEventListener("DOMContentLoaded", () => {
   map.init();
   tabsWithCards.init();
   bookmarkButtons.init();
   dropdownButton.init();
   searchFilters.init();
-
-  document.addEventListener("lazybeforeunveil", e => {
-    const bgUrl = e.target.getAttribute("data-bg");
-    if (bgUrl) {
-      e.target.style.backgroundImage = `url(${bgUrl})`;
-    }
-  });
+  lazyLoadImages.init();
 });

public/js/lazy-load-images.js

@@ -0,0 +1,14 @@
+import "lazysizes";
+
+const lazyLoadImages = {
+  init() {
+    document.addEventListener("lazybeforeunveil", e => {
+      const bgUrl = e.target.getAttribute("data-bg");
+      if (bgUrl) {
+        e.target.style.backgroundImage = `url(${bgUrl})`;
+      }
+    });    
+  }
+}
+
+export default lazyLoadImages;

public/js/user-view.js

@@ -1,9 +1,11 @@
 import tabsWithCards from "./tabs-with-cards.js";
 import bookmarkButtons from "./bookmark-buttons.js";
 import dropdownButton from "./dropdown-button.js";
+import lazyLoadImages from "./lazy-load-images.js";
 
 document.addEventListener("DOMContentLoaded", () => {
   tabsWithCards.init();
   bookmarkButtons.init();
   dropdownButton.init();
+  lazyLoadImages.init();
 });