feat: use break anywhere (#10698)

Ref:
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#anywhere

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

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

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

tailwind.config.js

@@ -53,6 +53,7 @@ const tailwindConfig = {
                 marginTop: '0',
               },
             },
+            overflowWrap: 'anywhere',
 
             'br + br': {
               display: 'none',