Awkward word wrapping fix

[mariah622]

Problem:

Some of the newer campaigns we've added for Sunrise have longer names. Some of these are exhibiting some awkward word-wrapping, e.g:

Solution:

Add word-break styling to campaign title

[paramsiddharth]

Looks like what's you're failing here is a formatting check. All you need to do is run:

npm run format
npm run lint

Commit the updated changes and you're good to go.

P.S. If you install the 'Prettier' extension in VSCode and configure it to auto-format for the current workspace, it gets much easier!

[DietBepis1]

Mariah, it appears that has that weird word-wrapping from a bug (vuetifyjs/vuetify#9130). For the sake of consistency and best utilization of Vuetify, I would suggest changing the tag into an <h# /> and using one of Vuetify's built-in header classes (https://vuetifyjs.com/en/styles/text-and-typography/).

[DietBepis1]

Mariah, the new change looks good to me. I think this can be merged. 👍🏽

[paramsiddharth]

@ProgramEquity/dev-leads Please re-review the PR and merge it. After #265, this PR is mergeable and the tests are passing. @DietBepis1 already approved the PR.

Resolved!