Deprecated Image Configuration in Next.js

[Allan2000-Git]

Overview

We need to update the image configuration in next.config.js as the images.domains property is deprecated. This change is required to ensure compatibility with the latest versions of Next.js and to prevent potential runtime or build-time issues.

Screenshot of the warning

Action Items

• Run both the frontend and the backend to ensure full frontend functionality.
• Replace images.domains with images.remotePatterns in next.config.js.
• Verify that all external images still render correctly after the update.
• Test image loading in production.

Resources

• https://nextjs.org/docs/app/api-reference/components/image#remotepatterns

[eleanorreem]

Great issue thanks!

[NAVIN0507]

I will work on it.

[github-actions]

Thank you @NAVIN0507 you have been assigned this issue!
Please follow the directions in our Contributing Guide. We look forward to reviewing your pull request. ✨

---

Support Chayn's mission? ⭐ Please star this repo to help us find more contributors like you!
Learn more about Chayn's impact here. 🌸

[moeedrafi]

Please assign the task to me @eleanorreem

[kyleecodes]

@NAVIN0507 Any updates on this?
@moeedrafi Please ensure you are assigned the issues first before opening a PR, this helps us keep track of contributions.
That said, you may collaborate on this issue together.

@NAVIN0507 since this issue is not stale, this issue is yours to merge for another week. Then it goes stale after 4 weeks of inactivity. By activity, we mean opening a PR or commenting a status update here.