fix: Fix bubble overflow issue and color (#10674)

app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue

@@ -24,5 +24,8 @@ const formattedContent = computed(() => {
 </script>
 
 <template>
-  <span v-dompurify-html="formattedContent" class="prose prose-bubble" />
+  <span
+    v-dompurify-html="formattedContent"
+    class="prose prose-bubble break-words"
+  />
 </template>

tailwind.config.js

@@ -97,7 +97,7 @@ const tailwindConfig = {
               marginBottom: '1.5em',
             },
             a: {
-              color: 'rgb(var(--text-blue))',
+              color: 'rgb(var(--slate-12))',
               textDecoration: 'underline',
             },
             ul: {