Preview: Reaction's name or conditions text wraps incorrectly: the line should only break after a complete word, ensuring no more than 30 characters per line

[ivanmaslow]

Steps to Reproduce

1. Load from RDF the reaction with name and conditions (e.g.: 12345 678901234567890123456789 0)
   text-issue-6.zip

Actual Result

• Reaction's name and conditions text wraps not after the 30th character:
  
  

Expected Result

• Reaction's name and conditions text wraps after the 30th character:
  

Environment details

• Tested on aws_ci SA env with Ketcher-master and Indigo-2404-ket-to-rdf branches:
• Ketcher [Version 2.28.0-dev.1] Build at 2024-11-20; 19:58:39;
• Indigo Version 1.27.0-dev.1.43-gec603913-wasm32-wasm-clang-12.0.0
• Desktop, Windows 11 Enterprise
• Chrome Version 131.0.6778.86 (Official Build) (64-bit)

Notes

• The real case was with the reaction below "of" should bein the first line:
  text-issue-4.zip
  

• Also please fix the case when we have a punctuation mark at the 30 character - now it's removed on load (it works correctly for letters):
  text-issue-7.zip
  
  

• TBD - in case when we have word with 30 symbols, it's wrapped with the space to the next line:
  rdf-single-reaction-2x1-auto-wrap-space-after-30-symbols.zip
  

• Issue is detected during exploratory retesting of Preview: Unexpected additional new lines are added to text object of reaction's name and conditions in case of several rows of text after save/load to/from RDF or Layout actions #2645, but initially it's related to save text for reactions - Save Name and Reaction Conditions to RDF Metadata #2404

[ivanmaslow]

Successfully retested on aws_ci SA env with Ketcher-master and Indigo-2404-ket-to-rdf branches:

• Ketcher [Version 2.28.0-dev.1] Build at 2024-11-22; 06:47:10
• Indigo Version 1.27.0-dev.1.49-gbbd67f22-wasm32-wasm-clang-12.0.0
• Desktop, Windows 11 Enterprise
• Chrome Version 131.0.6778.86 (Official Build) (64-bit)

The cases below are fixed:

• text-issue-6.zip:
  
• text-issue-4.zip:
  
• text-issue-7.zip:
  
• rdf-single-reaction-2x1-auto-wrap-space-after-30-symbols.zip