[BUG] 频道公告内容过长，造成页面横向溢出，发送按钮被挤压折叠

[zhaokelei]

描述问题
当频道公告存在长文本（无换行）时，Web 页面会被公告撑开产生横向滚动条，页面整体宽度溢出。移动端下聊天输入区域布局错乱，发送按钮被挤压折叠，无法点击。不是输入法键盘遮挡按钮，是公告 DOM 撑开页面宽度导致布局崩坏。

如何复现

1. 进入任意频道，编辑频道公告
2. 输入一段很长的不带换行的公告文本，保存
3. 使用手机浏览器，或者电脑浏览器缩小窗口访问该频道聊天页面
4. 页面出现横向滚动条，底部发送按钮被挤压、折叠，无法正常点击

预期结果
超长公告文本自动换行，不能撑开页面整体宽度；页面无横向溢出，聊天输入框与发送按钮布局保持正常，可正常操作。

环境信息

• 操作系统: Android /iOS
• 浏览器：移动端浏览器、Chrome
• 版本：客户端版本：0.9.122，服务端版本：0.5.35

附加信息
根因：频道公告组件缺少文本换行截断样式，超长单行文本没有换行约束，直接撑大父容器宽度，连锁造成整个聊天页面宽度溢出，底部输入组件布局错乱。

[zhenjianqiang777]

+1，在 iOS 移动端也复现了同样的问题，公告撑开页面。