修复群资料页箭头图标参差不齐

"群头像"/"群二维码"两行没有其它行都有的 <small>（靠 margin-left:auto 把末尾箭头推到最右），
末尾图标紧贴在文字标签后面，导致整页箭头图标一个贴左一个贴右，参差不齐。给这两行末尾图标
直接加 margin-left:auto，跟其它行的箭头对齐到同一条竖线上。

（过程中试过给文字标签加 margin-right:auto 间接推挤，实测反而导致标签本身被推到行中间，
不是预期效果，改为直接在末尾图标自己身上加 margin-left:auto，语义更明确也更可靠。）

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

css/base.css

@@ -10369,6 +10369,14 @@ div.toast.show {
   height: 3.5rem;
 }
 
+/* 群头像/群二维码这两行没有其它行都有的 <small>（本身靠 margin-left:auto 把末尾图标推到
+   最右）——原来两行的图标紧贴在文字标签后面，跟其它行对不齐，列表右侧参差不齐。直接把
+   auto margin 放到末尾图标自己身上，这是更明确的写法，不依赖前面兄弟元素的间接推挤。 */
+.group-profile-avatar > i:last-child,
+.group-profile-qr > i:last-child {
+  margin-left: auto;
+}
+
 .group-edit-text {
   width: min(100%, 42rem);
   margin: 0 auto;

src/views/group-management-view.jsx

@@ -543,7 +543,7 @@ function GroupProfile({topic, myUserId, onToast}) {
           <span>群简介</span><small>{group.description || '群主很懒，还没有群简介'}</small><Icon>chevron_right</Icon>
         </button> :
         <div><span>群简介</span><small>{group.description || '群主很懒，还没有群简介'}</small></div>}
-      <button type="button" onClick={() => navigate('group-qr', topic)}><span>群二维码</span><Icon>qr_code</Icon><Icon>chevron_right</Icon></button>
+      <button type="button" className="group-profile-qr" onClick={() => navigate('group-qr', topic)}><span>群二维码</span><Icon>qr_code</Icon><Icon>chevron_right</Icon></button>
       <button type="button" onClick={() => navigate('group-members', topic)}><span>群成员</span><small>共{group.member_count}位成员</small><Icon>chevron_right</Icon></button>
     </main>
   </div>;

umd/index.dev.js

@@ -11722,6 +11722,7 @@ function GroupProfile({
         }, void 0, false)]
       }, void 0, true), (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("button", {
         type: "button",
+        className: "group-profile-qr",
         onClick: () => navigate('group-qr', topic),
         children: [(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxDEV)("span", {
           children: "群二维码"