Fix: Wrap long descriptions

[rumzledz]

Description

Testing

1. Bring up the Simple Payment form
2. Enter the following text on the Description field:

jfkladfjkladfkldjlk;ajflkjadkl;fjadlk;fjadlk;fjkladsjflk;adjfkljadklfjadlkfjadkl;jflk;ajfkladjlf;jalk;fjadkl;fjakld;jfkladjl;adjlkdajflkadjfkljadklfjadlkfjkladjflk;adsjflkadsjflkadjfkladjfal;kfjklajfl;kadjflkadjflkadjfl;kajfl;kadjflk;adjfl;kadjfl;kdajflk;adjflkadjfkladjkfjadlk;fjlka;djfjadlk;jfkladjf;la

3. Collapse the Description field
4. Verify that the description is properly clamped to 2 lines and truncated
5. Change the viewport to mobile
6. Verify that it's still properly clamped and truncated

Resolves #2985

[bassgeta]

word break? break word! 🔥
Action form looks right ✔️

Completed action ✔️

[Nortsova]

Perfect, thanks for this fix ✨

[davecreaser]

Nice and simple, works on both desktop and mobile 📈

It's a "wrap" 🥁

[melyndav]

@rumzledz the inital issue I raised was for handling URLs - #2985, and I don't see this as part of the testing for the PR. Can we ensure this is resolved before merging?

[rumzledz]

Hey @melyndav! The actual underlying issue was not URLs mainly -- it was that we didn't have a break rule for really long strings that don't have any spaces. So in the case of URLs such as this: docs.google.com/spreadsheets/d/1z2cWvpna-zDhAESATCG6L2aZdY6f0rUIegetC6mgHpI/edit?gid=0#gid=0, it was an issue.

But here goes for URLs 😄

Web	Mobile

[melyndav]

Hey @melyndav! The actual underlying issue was not URLs mainly -- it was that we didn't have a break rule for really long strings that don't have any spaces. So in the case of URLs such as this: docs.google.com/spreadsheets/d/1z2cWvpna-zDhAESATCG6L2aZdY6f0rUIegetC6mgHpI/edit?gid=0#gid=0, it was an issue.

But here goes for URLs 😄
Web Mobile

Makes perfect sense @rumzledz, thanks for the reassurance that all is resolved, and my little worry is nothing haha ✌️