Added image optimization for remote and local files

[DevTrav]

Changes made:

• Optimized Local and Remote image patterns, per Vercel documentation.

Impact

• Added localPAtterns and remotePatterns to module.exports in next.config.ts
• Allows the application to leverage the Image component on Vercel's framework
• Using the Image tag instead of img, the image

[newswim]

🤔 why are we exporting to different configs from this file, in two different style of js modules (require and export). Seems a bit strange, but I'm not super familiar with Next's configuration.

[DevTrav]

There was a bit of confusion here. I have submit an update to the config file as follows:

Key changes made:

• Changed file extension from .ts to .mjs
• Removed TypeScript-specific syntax (as const)
• Kept JSDoc type annotation for type checking
• Removed localPatterns as it's not a valid property in the current Next.js image config
• Maintained ES modules syntax with export default

Explanation for the changes:

• Next.js configuration must be in JavaScript (.js or .mjs), not TypeScript
• We still get type checking through JSDoc comments
• The configuration is simpler but maintains all the necessary image optimization features
• For local images in the public directory, no special configuration is needed - they work out of the box with the next/image component

[newswim]

Based on our conversation in Slack, I think the current plan is to upgrade Next and change the extension for the config file back to .ts.

[DevTrav]

I have assigned #13 to myself in order to revert next.config.mjs back to next.config.ts.