Add ```loading="lazy" ``` Attribute to ```<img> ``` Tags for Improved Performance

[shadabkhan16]

Objective:

Optimize image loading across the application by implementing the loading="lazy" attribute on all <img> tags to improve page performance and user experience.

Benefits:

1. Improved Performance
2. Reduced Bandwidth Usage
3. Better SEO and Core Web Vitals

Tasks:

1. Identify all instances of <img> tags in the codebase.
2. Add the loading="lazy" attribute to images that are not critical (e.g., below-the-fold images or secondary visuals).
3. Perform a compatibility test and ensure no visual regressions occur.
4. Exclude critical images (e.g., above-the-fold or hero images) from lazy loading.

[ArjunQBTech]

We can create a custom Component to add this functionality to all images in the future