Docs: Revise sample code for inline images

[twfahey1]

I was getting an error following the docs page on inline images:

Module not found: Package path ./lib/node.js is not exported from package /sites/mysite/node_modules/domhandler (see exports field in /sites/mysite/node_modules/domhandler/package.json)
  1 | import { HTMLReactParserOptions } from "html-react-parser"
> 2 | import { Element } from "domhandler/lib/node.js";
  3 | import parse from "html-react-parser"
  4 | import Image from "next/image"

Traced down the issue seeming to be that Element has moved into the html-react-parser now? This resolved it in my app... posting for consideration if this is in fact break from a recent update.

[vercel]

@twfahey1 is attempting to deploy a commit to the Chapter Three Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
next-drupal	✅ Ready (Inspect)	Visit Preview	Nov 30, 2022 at 0:47AM (UTC)

[JohnAlbin]

This change doesn't look right.

I took a look at the domhandler NPM package and it now exports Element from its main entry point. See Line 14 of src/index.ts.

So the change should be:

import { Element } from "domhandler"