refactor: align Rich Text field structure to Contentful GraphQL API

[axe312ger]

This converts the Gatsby Rich Text field type structure to the same as the Contentful GraphQL API uses.

Old schema

type ContentfulRichTextRichText {
  raw: String
  references: [ContentfulAssetContentfulContentReferenceContentfulLocationContentfulTextUnion] @link(by: "id", from: "references___NODE")
}
union ContentfulAssetContentfulContentReferenceContentfulLocationContentfulTextUnion = ContentfulAsset | ContentfulContentReference | ContentfulLocation | ContentfulText

New schema

type ContentfulNodeTypeRichText @dontInfer {
  json: JSON
  links: ContentfulNodeTypeRichTextLinks
}

type ContentfulNodeTypeRichTextLinks {
  assets: ContentfulNodeTypeRichTextAssets
  entries: ContentfulNodeTypeRichTextEntries
}

type ContentfulNodeTypeRichTextAssets {
  block: [ContentfulAsset]!
  hyperlink: [ContentfulAsset]!
}

type ContentfulNodeTypeRichTextEntries {
  inline: [ContentfulEntry]!
  block: [ContentfulEntry]!
  hyperlink: [ContentfulEntry]!
}

Rendering changes

Instead of passing your option object into renderRichText() you now pass a option factory:

-const options = {
+const makeOptions = ({ assetBlockMap, entryBlockMap, entryInlineMap }) => ({

    [BLOCKS.EMBEDDED_ENTRY]: node => {
-      const entry = node?.data?.target
+      const entry = entryBlockMap.get(node?.data?.target?.sys.id)
    }

-<div>{renderRichText(richText, options)}</div>
+<div>{renderRichText(richText, makeOptions)}</div>