Investigate & upgrade next-mdx-remote to v4

[pettinarip]

Important: we can't upgrade to v4 with the current code as it is. See ethereum#18 for more details about why we downgraded to v3.

Investigate how to fix the issues we have with next-mdx-remote v4 and upgrade it https://github.com/hashicorp/next-mdx-remote

We could potentially replace gray-matter since the new version can parse frontmatter as well and simplify a bit the code.

const mdxSource = await serialize(source, { parseFrontmatter: true })

[TylerAPfledderer]

@pettinarip took time to check this out. Did a bump to [email protected] which looks to be the minimum version to jump to minimize any needed changes.

• With heading ids, the beginning curly brace needs to be escaped so it is not interpreted as an expression syntax. See parse expression error troubleshoot.
  ## Official Ethereum support {#official-support} => ## Official Ethereum support \{#official-support}
• Regarding text content inside components: I think wrapping the text content only in an expression would be the most natural

<DocLink>
  { "Ethereum security and scam prevention" }
</DocLink>

• As of now, have not investigated further on the removal of gray-matter.

I am not seeing anything else to address at that version to prevent breaking.

Anything different you have in mind here?

[github-actions]

This issue is stale because it has been open 45 days with no activity.

[TylerAPfledderer]

@pettinarip commenting for assignment, per private discussion, and I will attempt to use my suggestion above to see what effect it has at this point.

[pettinarip]

@TylerAPfledderer assigned, thanks!

[github-actions]

This issue is stale because it has been open 45 days with no activity.

[wackerow]

Closing via this comment: #12055 (comment)