docs: add visually-accurate alt text to all 611 images via multi-agent pass

- Crawled all 23 markdown files containing images across the docs/
- Dispatched parallel worker agents (one per file) using dwebp to convert
  each .webp image to PNG for actual visual inspection before writing alt text
- Dispatched parallel QA agents to verify and correct all alt text against
  the decoded images
- Zero empty ![](path) references remain across all files
- HTML <img> tag in cloudlinux_os_components/README.md now has alt attribute
- All alt text is under 150 characters, describes visible UI content, names
  element types (dialog, table, dashboard, etc.), and avoids filenames

Author: yel-hadd

docs/.vuepress/config-client/social.ts

@@ -1,18 +1,18 @@
 export default [
     {
         url: "https://www.facebook.com/cloudlinux/",
-        icon: "footer-social/fb.png"
+        icon: "footer-social/fb.webp"
     },
     {
         url: "https://twitter.com/cloudlinuxos/",
-        icon: "footer-social/tw.png"
+        icon: "footer-social/tw.webp"
     },
     {
         url: "https://linkedin.com/company/cloudlinux",
-        icon: "footer-social/in.png"
+        icon: "footer-social/in.webp"
     },
     {
         url: "https://www.youtube.com/channel/UCZ3YMHWnMP7TaxlXVay5-aw",
-        icon: "footer-social/ytube.png"
+        icon: "footer-social/ytube.webp"
     }
 ]

docs/.vuepress/config.ts

@@ -10,6 +10,16 @@ export default defineUserConfig({
       level: [2, 3, 4, 5],
     },
   },
+  extendsMarkdown: (md) => {
+    const defaultRender = md.renderer.rules.image
+    md.renderer.rules.image = (tokens, idx, options, env, self) => {
+      tokens[idx].attrSet('loading', 'lazy')
+      if (defaultRender) {
+        return defaultRender(tokens, idx, options, env, self)
+      }
+      return self.renderToken(tokens, idx, options)
+    }
+  },
   plugins,
   bundler: viteBundler({
     viteOptions: {