feature: Add Lazy Loading with Blur Effect to Images

[senthil-k8s]

Is your feature request related to a problem? Please describe.
To enhance both the user experience and the performance of our application, we propose adding lazy loading with a blur effect to the images. Currently, all images are loaded immediately when the page is accessed, which can lead to longer load times and a less efficient use of bandwidth, especially on pages with many images.

Describe the solution you'd like
To enhance user experience and application performance, we propose implementing lazy loading with a blur effect for images. Currently, all images load immediately on page access, causing longer load times and inefficient bandwidth use, especially on image-heavy pages. Lazy loading with a blur effect will optimize resource utilization, providing a smoother user experience and faster initial page loads.