correcting scroll & chat response view better code (#960)

Author: aadityamundhalia

frontend/app/chat/[chatId]/components/ChatMessages/components/ChatMessage/components/ChatMessage.tsx

@@ -35,7 +35,7 @@ export const ChatMessage = React.forwardRef(
 
     const markdownClasses = cn(
       "prose",
-      isUserSpeaker ? "dark:prose-invert" : "dark:prose"
+      "dark:prose-invert"
     );
 
     return (

frontend/app/chat/[chatId]/page.tsx

@@ -10,7 +10,7 @@ const SelectedChatPage = (): JSX.Element => {
       <section className="flex flex-col flex-1 items-center w-full h-full min-h-[70vh]">
         <ChatHeader />
         <div className="flex-1 flex flex-col mt-8 w-full shadow-md dark:shadow-primary/25 hover:shadow-xl transition-shadow rounded-xl overflow-hidden bg-white dark:bg-black border border-black/10 dark:border-white/25 p-12 pt-10 max-h-[80vh]">
-          <div className="flex flex-1 flex-col overflow-scroll">
+          <div className="flex flex-1 flex-col overflow-hidden">
             <ChatDialog />
           </div>
           <ActionsBar />