AI-805 : Fix table rendering + improve markdown rendering (#20)

* Fix table rendering + improve markdown rendering

* Theme scrollbar

Author: RohanSreelesh

src/solace_ai_connector_web/frontend/app/components/CustomMarkdown.tsx

@@ -21,7 +21,7 @@ export const CustomMarkdown = ({ children, className = '' }: CustomMarkdownProps
     return htmlPatterns.some(pattern => pattern.test(content));
   };
 
-  let processedContent = children.replace(/\n\s*\n/g, '\n');
+  let processedContent = children;
 
   // If content seems to be HTML and not already in a code block
   if (containsHtml(processedContent) && !processedContent.includes('```')) {
@@ -43,20 +43,23 @@ export const CustomMarkdown = ({ children, className = '' }: CustomMarkdownProps
         dark:prose-headings:text-gray-100
         prose-a:text-blue-600 dark:prose-a:text-blue-400 hover:prose-a:text-blue-500 dark:hover:prose-a:text-blue-300
         [&_ul>li]:marker:text-black dark:[&_ul>li]:marker:text-gray-400
-        prose-p:my-0.5
+        prose-p:mt-0
         [&_ul]:mt-[-1.875rem] [&_ul]:mb-[-2.75rem]
         [&_li>ul]:mt-[0.125rem]
         [&_ol]:mt-[-1.875rem] [&_ol]:mb-[-1.875rem]
         [&_ul+ol]:mt-[1.125rem]
         [&_ul_li+ol]:mt-[1.125rem]
         [&_li]:mt-[-28px]
-        [&_ul_li_ol]:mt-[1rem] 
+        [&_li]:mb-0
+        [&_ul_li_ol]:mt-[1rem]
         [&_ul>li>ol]:mt-[0.5rem]
+        [&_li>p]:my-[-1rem]
         prose-headings:my-1
         prose-pre:my-1
         prose-blockquote:my-1 dark:prose-blockquote:text-gray-300 dark:prose-blockquote:border-gray-700
         prose-hr:my-1
-        [&>*:first-child]:!mt-0 
+        [&_table]:block scrollbar-themed [&_table]:overflow-x-auto
+        [&>*:first-child]:!mt-0
         [&>*:last-child]:!mb-[-30px]
         ${className}
       `}