fix(ideal-image): <IdealImage> should forward remaining props to the underlying component (#11659)

Co-authored-by: Sébastien Lorber <[email protected]>
Co-authored-by: sebastien <[email protected]>

Author: tempoz

packages/docusaurus-plugin-ideal-image/src/theme/IdealImage/index.tsx

@@ -93,6 +93,7 @@ export default function IdealImage(props: Props): ReactNode {
 
   return (
     <ReactIdealImage
+      {...propsRest}
       height={img.src.height ?? 100}
       width={img.src.width ?? 100}
       placeholder={{lqip: img.preSrc}}

website/_dogfooding/_pages tests/ideal-image.tsx

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import Image from '@theme/IdealImage';
+
+function Component() {
+  return (
+    <Image
+      className="margin--xl"
+      style={{width: '100px', height: '32px'}}
+      img={require('./img/oss_logo.png')}
+    />
+  );
+}
+
+export default Component;

website/_dogfooding/_pages tests/img/oss_logo.png

@@ -42,3 +42,4 @@ import Readme from "../README.mdx"
 - [History tests](/tests/pages/history-tests)
 - [Embeds](/tests/pages/embeds)
 - [Style Isolation tests](/tests/pages/style-isolation)
+- [IdealImage tests](/tests/pages/ideal-image)