Use Image from @plone/volto/components/theme/Image/Image instead of semantic-ui-react

[wesleybl]

This is part of #3592, to address #4290.

That PR is to make Volto run on a subpath. For example:

http://mydomain.com/site

The idea is to use react-router's basename property to prefix routes. However, it doesn't add a prefix to the src of the img tag. So, to solve this, the idea is to insert the prefix in the Image component of @plone/volto/components/theme/Image/Image. Then all Volto images would be rendered with the Volto component.

The Image component of semantic-ui-react generates an img tag. That's why we want to stop using it.

Some points of this PR:

• The only thing that the size property of the Image of semantic-ui-react does is add a class to the img tag. So we use the className property of Volto's Image to simulate this behavior.

• The semantic-ui-react Image adds the "ui" and "image" classes. So we use the className property of the Volto Image for this.

• If you agree, we can use an eslint check to prevent the semantic-ui-react component from being used in the future.

[netlify]

✅ Deploy Preview for plone-components canceled.

Name	Link
🔨 Latest commit	df4294f
🔍 Latest deploy log	https://app.netlify.com/sites/plone-components/deploys/67af64fa3c89e60008f2741c