Using next/image has introduced a problem

[jameslieu]

Describe the bug

1st Issue

The first issue is the Next/Image component requires the width and height properties.

2nd Issue

When clicking into a profile, Next/Image component requires that you define the hostname of a given src in the images.domains config in next.config.js, the problem with this is that if a user wants to use an image from an alternate source like their personal website, or twitter or FB, you would need to add that hostname into the config, so there is a huge restriction placed when using this component. https://nextjs.org/docs/messages/next-image-unconfigured-host

https://nextjs.org/docs/messages/next-image-unconfigured-host

To Reproduce
Steps to reproduce the behavior:

1. Go to the landing page
2. Click on a profile

Expected behavior
The page should load.

Proposed solution

Revert the element back to img, there is a eslint warning which states to either use the next/image component or to use in conjunction with element:

https://nextjs.org/docs/messages/no-img-element