feat(frontend): replace lazy loading with zibll lazysizes

assets/js/pay-vip.js

@@ -17,6 +17,12 @@
     return el;
   }
 
+  function lazyImage(key, src, className, size) {
+    var template = document.createElement("template");
+    template.innerHTML = "<img" + window.aksrtGetLazyImageAttr(key, src, className, size) + ' alt="" decoding="async">';
+    return template.content.firstElementChild;
+  }
+
   function append(parent, child) {
     if (child) parent.appendChild(child);
     return child;
@@ -299,11 +305,7 @@
       var levelInfo = levels[String(level)] || {};
       var levelHeader = node("div", "aksrt-vip-level-header");
       if (levelInfo.img_icon) {
-        var levelIcon = node("img", "aksrt-vip-level-icon");
-        levelIcon.src = text(levelInfo.img_icon);
-        levelIcon.alt = "";
-        levelIcon.loading = "lazy";
-        levelIcon.decoding = "async";
+        var levelIcon = lazyImage("lazy_other", text(levelInfo.img_icon), "aksrt-vip-level-icon");
         append(levelHeader, levelIcon);
       }
       append(levelHeader, node("div", "v-name font-bold", group.name || levelInfo.name || "VIP" + level));