fix(frontend): improve responsive transcripts and simplify theme styles

vocero-frontend/src/components/Bubbles.tsx

@@ -1,6 +1,7 @@
 import { memo, useEffect, useState } from "react";
 
-import { renderMarkdown, type Message } from "../lib/messages";
+import type { Message } from "../lib/messages";
+import { AssistantMarkdown } from "./AssistantMarkdown";
 
 function Bubble({ message, userName }: { message: Message; userName: string }) {
   const [expiredText, setExpiredText] = useState<string | null>(null);
@@ -24,10 +25,7 @@ function Bubble({ message, userName }: { message: Message; userName: string }) {
         {message.role === "user" ? userName : message.role === "tool" ? "Herramienta" : "Vocero"}
       </div>
       {message.role === "assistant" ? (
-        <div
-          className="bubble-body markdown-content"
-          dangerouslySetInnerHTML={{ __html: renderMarkdown(message.text) }}
-        />
+        <AssistantMarkdown text={message.text} className="bubble-body" />
       ) : (
         <div className="bubble-body">{message.role === "tool" ? message.toolName : message.text}</div>
       )}