Make invitation dialog scrollable when infos are too long

[nurjinjafar]

when the room name is too long or there is a meeting series, with all the information provided in the invitation dialog. the dialog gets too big and not functionable, since the actions buttons are hidden.
therefore we added more styling to the invitation dialog so it would be scrollable.

screenshots:
before:

after:

note: this should not change the behaviour of how a normal envitation will look like this even after the changes:

Checklist

• Tests written for new code (and old code if feasible)
• Linter and other CI checks pass
• Sign-off given on the changes (see CONTRIBUTING.md)

---

Here's what your changelog entry will look like:

🐛 Bug Fixes

• Make invitation dialog scrollable when infos are too long (#11753). Contributed by @nurjinjafar.

[t3chguy]

Blocking this on design, I believe we should be truncating to 2 lines like we do in other places (e.g. right panel)

[nurjinjafar]

hi @t3chguy, are there any updates regarding this PR? should i truncate the title as it is done in the right panel? or are we waiting on a review / desicion from "a team"?

[t3chguy]

or are we waiting on a review / desicion from "a team"?

Indeed that, its pending design review

[americanrefugee]

I agree with @t3chguy : Truncate to 2 lines with "..." at the end of the last visible word

[t3chguy]

Thanks @americanrefugee

[nurjinjafar]

@t3chguy, i felt free to do the same with the InviteDialog component. because that as well was not usable.
however, i kept the dialog scrollable for such cases (see screenshots please!)

invite dialog before:

invite dialog after:

[t3chguy]

Looks sane, thanks