fix(mdx): Use import * as to resolve configuration component ReferenceError in SSR

Author: DeekshaVarshney123

src/mdx-components.js

@@ -2,7 +2,7 @@ import Badge from './components/Badge/Badge';
 import LinkComponent from './components/mdxComponents/Link';
 import StackBlitzPreview from './components/StackBlitzPreview/StackBlitzPreview';
 import CodeBlockWithCopy from './components/CodeBlockWithCopy/CodeBlockWithCopy';
-import { Mode, Node, W, I } from './components/Configuration/components';
+import * as ConfigComponents from './components/Configuration/components';
 
 /** @returns {import('mdx/types.js').MDXComponents} */
 export function useMDXComponents() {
@@ -11,9 +11,9 @@ export function useMDXComponents() {
     Badge: Badge,
     StackBlitzPreview: StackBlitzPreview,
     pre: CodeBlockWithCopy,
-    Mode: Mode,
-    Node: Node,
-    W: W,
-    I: I,
+    Mode: ConfigComponents.Mode,
+    Node: ConfigComponents.Node,
+    W: ConfigComponents.W,
+    I: ConfigComponents.I,
   };
 }