ux: better generated for long text

[rasvanjaya21]

[term]
The generated text breaks the ux so that the web page can be scrolled horizontally, this happens when the generated text is very long in one word (rare case such as looooooooooooooooooooooooooooooooooooooooong).

[action]
I add style break-all to handle this.

[after]
Before implement, generated text of l {o*168 } ng with strange ux.

[after]
After implement, generated text of l {o*168 } ng with better ux.

[request]
I want to implement this feature 😁

[franky47]

Feel free to open a PR, thanks!