✨ Enhancement: Replace <img> tags with Next.js Image Component

[aialok]

Description:
Our website currently uses standard HTML tags in over 50 places, which lack built-in optimizations and can lead to performance issues. To address this, we should replace all instances of with the Next.js Image Component next/image.

Warning: Using <img> could result in slower Largest Contentful Paint (LCP) and higher bandwidth usage. Consider using <Image /> from 'next/image' to automatically optimize images. Please note that this may incur additional usage or cost from your provider.

Note: Currently in the ESLint config file, we have turned off the '@next/next/no-img-element': 'off' rule. Once we are done with the setup of the Image Component, please change the rule to 'error' so that we can easily catch this in the future.

After

 `'@next/next/no-img-element': 'error'` 

[irfan-iiitr]

@aialok I would like to work on this. Please assign it to me.

[aialok]

@aialok I would like to work on this. Please assign it to me.

@benjagm will assign you this issue but you can work on this issue.

Thank you : )

[29deepanshutyagi]

Hi , i would like to work on this issue,if this issue is open @aialok

[benjagm]

Thanks a lot @29deepanshutyagi ! Please go ahead!