fix: the content in the chunk card will overflow #1628 (#1629)

### What problem does this PR solve?
fix: the content in the chunk card will overflow #1628
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less

@@ -17,6 +17,9 @@
 .contentEllipsis {
   .multipleLineEllipsis(3);
 }
+.contentText {
+  word-break: break-all;
+}
 
 .chunkCard {
   width: 100%;

web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx

@@ -81,7 +81,7 @@ const ChunkCard = ({
             dangerouslySetInnerHTML={{
               __html: DOMPurify.sanitize(item.content_with_weight),
             }}
-            className={classNames({
+            className={classNames(styles.contentText, {
               [styles.contentEllipsis]: textMode === ChunkTextMode.Ellipse,
             })}
           ></div>