[fix]:[FL-10][用户管理页面卡片视图时，角色放在邮箱上面]

Co-authored-by: multica-agent <github@multica.ai>

web/src/app/admin/users/page.tsx

@@ -806,12 +806,6 @@ export default function AdminUsersPage() {
             <Typography.Text type="secondary">用户 ID</Typography.Text>
             <Typography.Text copyable>{userItem.id}</Typography.Text>
           </div>
-          <div className="admin-users-user-card-field">
-            <Typography.Text type="secondary">邮箱</Typography.Text>
-            <Typography.Text ellipsis={{ tooltip: userItem.email || "-" }}>
-              {userItem.email || "-"}
-            </Typography.Text>
-          </div>
           <div className="admin-users-user-card-field">
             <Typography.Text type="secondary">角色</Typography.Text>
             <Space wrap size={[4, 4]}>
@@ -826,6 +820,12 @@ export default function AdminUsersPage() {
               )}
             </Space>
           </div>
+          <div className="admin-users-user-card-field">
+            <Typography.Text type="secondary">邮箱</Typography.Text>
+            <Typography.Text ellipsis={{ tooltip: userItem.email || "-" }}>
+              {userItem.email || "-"}
+            </Typography.Text>
+          </div>
           <div className="admin-users-user-card-actions">
             <Space wrap>
               <Button