feat: visualization fixes (#591)

Author: Cahllagerfeld

src/components/artifacts/HtmlVisualization.tsx

@@ -12,6 +12,7 @@ export function HTMLVisualization({ content }: Props) {
 	};
 
 	useEffect(() => {
+		handleIframeLoad();
 		window.addEventListener("resize", handleIframeLoad);
 		return () => {
 			window.removeEventListener("resize", handleIframeLoad);
@@ -21,11 +22,10 @@ export function HTMLVisualization({ content }: Props) {
 	return (
 		<div>
 			<iframe
+				className="w-full"
 				title="Secure HTML Content"
 				ref={iframeRef}
 				srcDoc={content}
-				width="100%"
-				height="auto"
 				onLoad={handleIframeLoad}
 			/>
 		</div>

src/components/artifacts/MarkdownVisualization.tsx

@@ -2,5 +2,5 @@ import { Props } from "./Visualization";
 import Markdown from "react-markdown";
 
 export default function MarkdownVisualization({ content }: Props) {
-	return <Markdown className="prose max-w-none">{content}</Markdown>;
+	return <Markdown className="!prose !max-w-none">{content}</Markdown>;
 }