fix: redesign next meeting button to one-line

[Antreesy]

☑️ Resolves

• Fix Move Conversation actions to the right #16487
• Fix Reshuffle upcoming meetings button #16488
  • Meeting is already a translated string, and weekday is a part of date localization. Current 'bold' styling difference with issue is the trade-off
  • Split-style of buttons is quite in the eyes with secondary | primary next to each other, so omitted until discussed

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After
Private
Group
.
.
.
Mobile	-

🏁 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
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[ShGKme]

Could you add screenshots for small screens?

[Antreesy]

Added for mobile resolution.

Need to address issue with border values slightly < isMobile (exists before PR):

UPD: moved to a separate issue

[ShGKme]

What about replacing "Meeting" (which can be even longer translated) with 📆 icon on mobile?
In the screenshot it takes ~50% of the space now.

[Antreesy]

What about replacing "Meeting" (which can be even longer translated) with 📆 icon on mobile?

isMobile is already a breaker, where we don't show any text, but icon:

https://github.com/nextcloud/spreed/pull/16686/changes#diff-6269ed7b241d5b26f61deb525df871280c5b333fe0b78a1f29241e4378631c1bR374-R382

Might be adjusted for border values

[nickvergessen]

Apart from the mobile one this looks good.

Would therefore propose to merge for now and fix mobile later which is not used in screenshots by marketing.