Improve text formatting in CodeBlock component

- Imported Container from "@mantine/core" for better layout control in CodeBlock.
- Wrapped the preformatted text in a Container to apply additional styles.
- Added 'whiteSpace: 'pre-wrap'' and 'wordBreak: 'break-word'' to preserve white spaces, line breaks and ensure long words do not overflow the container.

src/views/CodeBlock.tsx

@@ -1,4 +1,4 @@
-import { Tooltip, ActionIcon, CopyButton, Flex } from "@mantine/core";
+import { Tooltip, ActionIcon, CopyButton, Flex, Container } from "@mantine/core";
 import { IconCheck, IconGitCommit, IconFileDiff, IconColumnInsertRight, IconReplace, IconCopy } from "@tabler/icons-react";
 import React, { useState } from "react";
 import ReactMarkdown from "react-markdown";
@@ -147,7 +147,17 @@ const CodeBlock = (props: any) => {
             >
                 {messageText}
             </ReactMarkdown >
-            : <pre>{messageText}</pre>
+            : <Container
+                sx={{
+                    margin: 0,
+                    padding: 0,
+                    pre: {
+                        whiteSpace: 'pre-wrap',
+                        wordBreak: 'break-word',
+                    },
+                }}>
+                <pre>{messageText}</pre>
+            </Container>
     );
 };