fix(Dashboard): wrap buttons and break words

[DorraJaouad]

☑️ Resolves

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Integrations with Files sidebar and other apps
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[Antreesy]

Good enough.

I also sometimes seeing this horizontal scroll from width calculation:
width: calc(100vw - 300px - var(--body-container-margin) * 2);

try this:
width: min(100%, calc(100vw - 300px - var(--body-container-margin) * 2))