feat(blog): جدول — ستون‌ها قابل تغییر اندازه/افزودن و حذف؛ لینک کپشن تصویر؛ هدینگ‌های نسخه انگلیسی بزرگ‌تر

frontend/src/components/home/BeforeAfter.tsx

@@ -78,6 +78,8 @@ export function BeforeAfter() {
               src={before_after.before}
               alt={before_after.before_label}
               className="absolute inset-0 h-full w-full object-cover object-center"
+              loading="lazy"
+              decoding="async"
               draggable={false}
             />
             
@@ -86,6 +88,8 @@ export function BeforeAfter() {
                 src={before_after.after}
                 alt=""
                 className="absolute inset-0 h-full w-full object-cover object-center"
+                loading="lazy"
+                decoding="async"
                 draggable={false}
               />
             </div>

frontend/src/components/home/Gallery.tsx

@@ -51,7 +51,7 @@ export function Gallery() {
                   <img
                     src={image.src}
                     alt={image.alt}
-                    className="aspect-[4/3] w-full object-cover transition-transform duration-500 ease-lux group-hover:scale-105"
+                    className="aspect-[4/3] w-full object-cover transition-transform duration-500 ease-lux group-hover:scale-105" loading="lazy" decoding="async"
                   />
                 </button>
               </EditableItem>

frontend/src/components/home/Story.tsx

@@ -111,7 +111,7 @@ export function Story({ showLink = true, showLabel = true, showQuote = false, al
                 <img
                   src={item.src}
                   alt={item.alt}
-                  className="aspect-square w-full object-cover transition-transform duration-500 ease-lux hover:scale-105"
+                  className="aspect-square w-full object-cover transition-transform duration-500 ease-lux hover:scale-105" loading="lazy" decoding="async"
                 />
               </div>
             </Reveal>

frontend/src/components/home/WhyUs.tsx

@@ -33,7 +33,9 @@ export function WhyUs() {
               <img
                 src={heading.image}
                 alt={heading.title}
-                className="mt-10 h-80 w-full object-cover" />
+                className="mt-10 h-80 w-full object-cover"
+                loading="lazy"
+                decoding="async" />
 
             </Reveal>
           )}