fix(web): 第9轮审查批次4——设置域一批问题

- 头像上传从未带purpose=user_avatar：之前是照抄一个已经修复的旧后端
  bug(问题28)绕开的写法，现在确认接口早就支持这个purpose了，补上——
  uploadFile()新增可选purpose参数，不影响其它已有调用点(聊天附件/群
  文件继续用topic的chat_file路径)
- 桌面卡片行分隔线6处错用了移动端专属的border-list-item token，改成
  桌面正确的border-row
- 退出登录按钮外边距/设置目录导航图标尺寸(18px→20px)与设计稿对齐
- 地区字段补上maxLength兜底
- 修改密码没有用<form>包裹，输入框按回车没反应——补上表单+onSubmit
- 记录一条此前没进清单的后端缺口："加我为好友时需要验证"这个隐私开关
  设计稿画了，但响应体里根本没有对应字段

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

web/src/features/settings/SettingsLayout.tsx

@@ -90,7 +90,7 @@ export function SettingsLayout() {
           <header className="flex h-15 flex-none items-center px-5">
             <h1 className="m-0 text-xl font-semibold text-text-heading">设置</h1>
           </header>
-          <div className="flex items-center gap-3 border-b border-border-list-item px-5 pb-4.5 pt-2">
+          <div className="flex items-center gap-3 border-b border-border-row px-5 pb-4.5 pt-2">
             <Avatar
               id={meQuery.data?.user_id || ''}
               name={meQuery.data?.profile.nickname}
@@ -113,7 +113,7 @@ export function SettingsLayout() {
                     active ? 'bg-accent-selected-bg text-accent' : 'text-text-body hover:bg-[#f6f8fb]'
                   }`}
                 >
-                  <Icon name={item.icon} className="text-[18px]" />
+                  <Icon name={item.icon} className="text-[20px]" />
                   <span className="flex-1">{item.label}</span>
                 </Link>
               );
@@ -123,7 +123,7 @@ export function SettingsLayout() {
             type="button"
             onClick={logout}
             disabled={loggingOut}
-            className="mx-3 my-4 h-10 flex-none rounded-lg border border-[#d5d9df] text-sm text-text-secondary disabled:opacity-50"
+            className="mx-5 mt-auto mb-5 h-10 flex-none rounded-lg border border-[#d5d9df] text-sm text-text-secondary disabled:opacity-50"
           >
             退出登录
           </button>