Improve comment content formatting and code styling

Author: ruibaby

packages/comment-widget/src/base-comment-item.ts

@@ -121,15 +121,14 @@ export class BaseCommentItem extends LitElement {
           }
         </div>
 
-        <div class="item-content mt-2.5 space-y-2.5 content">
-          <slot name="pre-content"></slot>${unsafeHTML(
-            sanitizeHtml(this.content, {
-              allowedAttributes: {
-                ...sanitizeHtml.defaults.allowedAttributes,
-                code: ['class'],
-              },
-            })
-          )}
+        <div class="item-content mt-2.5 space-y-2.5 content"><slot name="pre-content"></slot>${unsafeHTML(
+          sanitizeHtml(this.content, {
+            allowedAttributes: {
+              ...sanitizeHtml.defaults.allowedAttributes,
+              code: ['class'],
+            },
+          })
+        )}
         </div>
 
         <div class="item-actions mt-2 flex items-center gap-3">

packages/comment-widget/src/styles/content.css

@@ -1,5 +1,6 @@
 .content {
   word-wrap: break-word;
+  white-space: pre-wrap;
   @apply text-text-1 text-sm leading-relaxed;
 }