feat: use code block for code from va (#49)

<img width="1067" alt="image"
src="https://github.com/landing-ai/vision-agent-ui/assets/132986242/27f168d9-3e08-4f3c-8668-af3831a5cace">

components/chat/ChatMessage.tsx

@@ -62,9 +62,15 @@ export function ChatMessage({
                     </p>
                   );
                 },
-                code({ children, ...props }) {
+                code({ children, className, ...props }) {
+                  const match = /language-(\w+)/.exec(className || '');
                   return (
-                    <code className="whitespace-pre-line">{children}</code>
+                    <CodeBlock
+                      key={Math.random()}
+                      language={(match && match[1]) || ''}
+                      value={String(children).replace(/\n$/, '')}
+                      {...props}
+                    />
                   );
                 },
               }}

package.json

@@ -77,5 +77,5 @@
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.3.3"
   },
-  "packageManager": "[email protected].1"
-}
+  "packageManager": "[email protected].4"
+}