修复用户实测反馈的4处问题：品牌名泄露、修改密码页注释泄露、安全提醒页未居中、群相关行间距

- 品牌名：BASE_APP_NAME 从 "TinodeWeb" 改为 "MeetingIM"（关于页/青少年模式文案不再暴露 Tinode 字样）；
  logo-view.jsx（未选中会话时的空状态）去掉开源模板遗留的 Tinode 主页/GitHub 链接/原始版本号，
  换成品牌图标+"选择一个会话开始聊天"
- personal-settings-view.jsx：删除 ChangePassword 页面里被误当正文渲染的开发注释（提及 Tinode 协议），
  改回真正的代码注释
- base.css：.risk-info-page（安全提醒整页）补 margin:0 auto——原来复用模态弹窗的 .risk-dialog 样式，
  宽屏下整块内容贴左显示，没有居中
- base.css：.group-member-picker/.group-settings-header/.group-member-section-title 的 strong/small
  漏加入既有的 line-height:1.3 覆盖名单，继承通用 button{line-height:2.2rem}，导致群成员列表/群聊设置
  头部的姓名与角色/简介文字行间距异常大、贴底部分割线过近

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/views/logo-view.jsx

@@ -1,25 +1,18 @@
-/* This is just a static page to display when no conversation is selected. */
+/* Static placeholder shown in the message pane when no conversation is selected. */
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
 
-import { Tinode } from 'tinode-sdk';
+import { BASE_APP_NAME } from '../config.js';
 
-import { APP_NAME } from '../config.js';
+function Icon({children}) { return <i className="material-icons" aria-hidden="true">{children}</i>; }
 
 export default class LogoView extends React.PureComponent {
   render() {
-    const version = APP_NAME + ' (' + Tinode.getLibrary() + ')';
     return (
       <div id="dummy-view">
         <div>
-          <a href="https://github.com/tinode/chat/">
-            <img id="logo" alt="logo" src="img/logo.svg" />
-            <h2>Tinode Web</h2>
-          </a>
-          <p><FormattedMessage id="label_client" defaultMessage="Client:"
-            description="Label for a client version" /> {version}</p>
-          <p><FormattedMessage id="label_server" defaultMessage="Server:"
-            description="Label for a server version" /> {this.props.serverVersion} ({this.props.serverAddress})</p>
+          <span id="dummy-view-icon"><Icon>forum</Icon></span>
+          <h2>{BASE_APP_NAME}</h2>
+          <p>选择一个会话开始聊天</p>
         </div>
       </div>
     );