Fix word wrap in thread replies with very long words

src/sidebar/components/MarkdownView.tsx

@@ -41,7 +41,7 @@ export default function MarkdownView({
   // some overflow calculations in the `Excerpt` element. This could be worth
   // a review in the future.
   return (
-    <div className="w-full break-words cursor-text">
+    <div className="w-full break-anywhere cursor-text">
       <StyledText>
         <div
           className={classes}

src/sidebar/components/Thread.tsx

@@ -171,7 +171,7 @@ function Thread({ thread, threadsService }: ThreadProps) {
         className={classnames(
           // Set a max-width to ensure that annotation content does not exceed
           // the width of the container
-          'grow max-w-full'
+          'grow max-w-full min-w-0'
         )}
         data-testid="thread-content"
       >

tailwind.config.mjs

@@ -222,14 +222,18 @@ export default {
       addVariant('theme-clean', '.theme-clean &');
     }),
     plugin(({ addComponents, addUtilities }) => {
-      // Tailwind does not provide hyphens-related utility classes.
       addUtilities({
+        // Tailwind does not provide hyphens-related utility classes.
         '.hyphens-none': {
           hyphens: 'none',
         },
         '.hyphens-auto': {
           hyphens: 'auto',
         },
+        // Tailwind does not provide this specific break utility: https://tailwindcss.com/docs/word-break
+        '.break-anywhere': {
+          'overflow-wrap': 'anywhere'
+        }
       });
       addComponents({
         // Add a custom class to set all properties to initial values. Used