fix(sdk): Fix visualization default size (#49672)

enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestion/components/Visualization.tsx

 import cx from "classnames";
 import { t } from "ttag";
 
+import { FlexibleSizeComponent } from "embedding-sdk";
 import {
   SdkError,
   SdkLoader,
 } from "embedding-sdk/components/private/PublicComponentWrapper";
+import type { FlexibleSizeProps } from "embedding-sdk/components/private/util/FlexibleSizeComponent";
 import CS from "metabase/css/core/index.css";
 import QueryVisualization from "metabase/query_builder/components/QueryVisualization";
 import type Question from "metabase-lib/v1/Question";
 
 import { useInteractiveQuestionContext } from "../context";
 
-export const QuestionVisualization = () => {
+export const QuestionVisualization = ({
+  height,
+  width,
+  className,
+  style,
+}: FlexibleSizeProps) => {
   const {
     question,
     queryResults,
@@ -35,22 +42,29 @@ export const QuestionVisualization = () => {
   const card = question.card();
 
   return (
-    <QueryVisualization
-      className={cx(CS.flexFull, CS.fullWidth, CS.fullHeight)}
-      question={question}
-      rawSeries={[{ card, data: result && result.data }]}
-      isRunning={isQueryRunning}
-      isObjectDetail={false}
-      isResultDirty={false}
-      isNativeEditorOpen={false}
-      result={result}
-      noHeader
-      mode={mode}
-      navigateToNewCardInsideQB={navigateToNewCard}
-      onNavigateBack={onNavigateBack}
-      onUpdateQuestion={(question: Question) =>
-        updateQuestion(question, { run: false })
-      }
-    />
+    <FlexibleSizeComponent
+      height={height}
+      width={width}
+      className={className}
+      style={style}
+    >
+      <QueryVisualization
+        className={cx(CS.flexFull, CS.fullWidth, CS.fullHeight)}
+        question={question}
+        rawSeries={[{ card, data: result && result.data }]}
+        isRunning={isQueryRunning}
+        isObjectDetail={false}
+        isResultDirty={false}
+        isNativeEditorOpen={false}
+        result={result}
+        noHeader
+        mode={mode}
+        navigateToNewCardInsideQB={navigateToNewCard}
+        onNavigateBack={onNavigateBack}
+        onUpdateQuestion={(question: Question) =>
+          updateQuestion(question, { run: false })
+        }
+      />
+    </FlexibleSizeComponent>
   );
 };

enterprise/frontend/src/embedding-sdk/components/private/InteractiveQuestionResult/InteractiveQuestionResult.tsx

@@ -45,7 +45,9 @@ const ContentView = ({
     .with("editor", () => (
       <InteractiveQuestion.Editor onApply={onReturnToVisualization} />
     ))
-    .otherwise(() => <InteractiveQuestion.QuestionVisualization />);
+    .otherwise(() => (
+      <InteractiveQuestion.QuestionVisualization height="100%" />
+    ));
 
 export const InteractiveQuestionResult = ({
   height,