fix: hard breaking long string words and intelligent word breaks

[utin-francis-peter]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)
  Fix readability of user contents and overflow of long string characters with no whitespace nor hyphen

• Why was this change needed? (You can also link to an open issue here)
  Improves reading XP.

• Other information:
  For a full video review of the fix as it's a bit controversial—considering a legacy approach was used—kindly click on the link below:

https://drive.google.com/file/d/1_XY7y2yaQkX1rp_U3EkcNf8HnQTL_wYa/view?usp=sharing

closes: #1222

[vercel]

@utin-francis-peter is attempting to deploy a commit to the Arc53 Team on Vercel.

A member of the Team first needs to authorize it.

[ManishMadan2882]

LGTM, Thanks @utin-francis-peter.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 7, 2024 3:10pm

[dartpain]

There is an error on npm run build

src/conversation/ConversationBubble.tsx(64,13): error TS2353: Object literal may only specify known properties, and ''word-break'' does not exist in type 'Properties<string | number, string & {}>'.
Error: Command "npm run build" exited with 2

[dartpain]

@holopin-bot @utin-francis-peter Thank you!

[holopin-bot]

Congratulations @utin-francis-peter, the maintainer of this repository has issued you a badge! Here it is: https://holopin.io/claim/cm2jekp0409640clh88ov5pa8

This badge can only be claimed by you, so make sure that your GitHub account is linked to your Holopin account. You can manage those preferences here: https://holopin.io/account.
Or if you're new to Holopin, you can simply sign up with GitHub, which will do the trick!