fix: review item not wrapping text on long word causing container to grow

[davidlhw]

closes #187

Changes

• add break-anywhere custom css class with overflow-wrap: anywhere; property, allowing proper word breaking on long word
• [unrelated] remove extra <div> element on review modal

Implementation Details

adding break-words tailwindcss class did not solve the issue as intended as tailwind's break-words class is translated to overflow-wrap: break-word; which doesn't help in causing long word to break.

see discussion https://github.com/tailwindlabs/tailwindcss/discussions/12127 for more info

Preview / Screenshots

Before

After

Checklist

• [x] I have read the CONTRIBUTING document
• [x] I have tested the changes

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
afterclass-io-v2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 22, 2024 4:07pm