Fix whitespace formatting in Markdown.tsx, Message.tsx, useMessage.tsx, and useMessageOption.tsx

src/components/Common/Markdown.tsx

@@ -12,7 +12,6 @@ import { useTranslation } from "react-i18next"
 export default function Markdown({ message }: { message: string }) {
   const [isBtnPressed, setIsBtnPressed] = React.useState(false)
   const { t } = useTranslation("common")
-
   return (
     <React.Fragment>
       <ReactMarkdown

src/components/Common/Playground/Message.tsx

@@ -75,7 +75,13 @@ export const PlaygroundMessage = (props: Props) => {
 
             <div className="flex flex-grow flex-col">
               {!editMode ? (
-                <Markdown message={props.message} />
+                props.isBot ? (
+                  <Markdown message={props.message} />
+                ) : (
+                  <p className="prose dark:prose-invert whitespace-pre-line	 prose-p:leading-relaxed prose-pre:p-0 dark:prose-dark">
+                    {props.message}
+                  </p>
+                )
               ) : (
                 <EditMessageForm
                   value={props.message}