[sitecore-jss-react] [sitecore-jss-nextjs] Add support for chrome's hydration for fields

[yavorsk]

• [x] This PR follows the Contribution Guide
• [x] Changelog updated
• [ ] Upgrade guide entry added

Description / Motivation

This PR introduces FieldMetadata component and functionality to render it when metadata field property is provided in the field's layout data. In such case the field component is wrapped with metadata markup to enable chromes hydration when editing in pages. Ability to render metadata has been added to the following field components:

• [sitecore-jss-react] Date.tsx
• [sitecore-jss-react] File.tsx
• [sitecore-jss-react] Image.tsx
• [sitecore-jss-react] Link.tsx
• [sitecore-jss-react] RichText.tsx
• [sitecore-jss-react] Text.tsx
• [sitecore-jss-nextjs] Link.tsx
• [sitecore-jss-nextjs] NextImage.tsx

Testing Details

• [x] Unit Test Added
• [ ] Manual Test/Other (Please elaborate)

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)

[illiakovalenko]

@yavorsk I'm still struggling regarding adding forwardRef for all the components, even if they are not using ref. Regarding type definition - it's a breaking change, I think Especially in a old React docs, it's mentioned as well: https://legacy.reactjs.org/docs/forwarding-refs.html#note-for-component-library-maintainers Still we might need to think how to workaround this problem using an elegant approach.