fix(ideal-image): fix IdealImage in dev not handling ES import images properly (#5760)

website/_dogfooding/_docs tests/tests/img-tests.mdx

@@ -0,0 +1,19 @@
+# Image tests
+
+import Image from '@theme/IdealImage';
+
+import docusaurusImport from '@site/static/img/docusaurus.png';
+
+export const docusaurusRequire = require('@site/static/img/docusaurus.png');
+
+## Regular images
+
+<img src={docusaurusImport} />
+
+<img src={docusaurusRequire.default} />
+
+## Ideal images
+
+<Image img={docusaurusImport} />
+
+<Image img={docusaurusRequire} />

website/_dogfooding/docs-tests-sidebars.js

@@ -13,6 +13,16 @@ module.exports = {
       className: 'red',
       label: 'Index',
     },
+    {
+      type: 'category',
+      label: 'Tests',
+      items: [
+        {
+          type: 'autogenerated',
+          dirName: 'tests',
+        },
+      ],
+    },
     {
       type: 'category',
       label: 'section',