fix: added overflow on dataframe output (#7197)

* Increase min table column width

* Add overflow to table on markdown

* Added overflow hidden

src/frontend/src/modals/IOModal/components/chatView/chatMessage/components/edit-message.tsx

@@ -55,6 +55,15 @@ export const MarkdownField = ({
           pre({ node, ...props }) {
             return <>{props.children}</>;
           },
+          table: ({ node, ...props }) => {
+            return (
+              <div className="max-w-full overflow-hidden rounded-md border bg-muted">
+                <div className="max-h-[600px] w-full overflow-auto p-4">
+                  <table className="!my-0 w-full">{props.children}</table>
+                </div>
+              </div>
+            );
+          },
           code: ({ node, inline, className, children, ...props }) => {
             let content = children as string;
             if (

src/frontend/src/style/classes.css

@@ -18,8 +18,8 @@ body {
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
+  font-family:
+    source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 pre {
   font-family: inherit;
@@ -288,7 +288,7 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 .markdown td {
-  min-width: 78px;
+  min-width: 100px;
 }
 
 .jse-group-button.jse-last,