[terms and conditions] fixup for the 'name' input in the 'add' dialog; handled 'long text' preview (#6328)

frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-or-update-term-dialog.js

@@ -42,7 +42,7 @@ class AddOrUpdateTermDialog extends React.Component {
   }
 
   handleNameChange = (e) => {
-    this.setState({name: e.target.value.trim()});
+    this.setState({name: e.target.value});
   };
 
   handleVersionNumberChange = (e) => {

frontend/src/components/terms-preview-widget.js

@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import { processor } from '@seafile/seafile-editor';
 import Loading from './loading';
 
+import '../css/terms-preview.css';
+
 const propTypes = {
   content: PropTypes.string,
   onContentClick: PropTypes.func,

frontend/src/css/terms-preview.css

@@ -0,0 +1,3 @@
+.conditions-preview-container {
+  word-break: break-word;
+}