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/PrivacySettingsPage.tsx

@@ -62,7 +62,12 @@ export function PrivacySettingsPage() {
     // re-enables every field a tenant policy had actually locked, until an unrelated refetch happens
     // to restore it.
     onSuccess: (data) => queryClient.setQueryData(['my-privacy'], (prev: typeof query.data) => (prev ? { ...prev, ...data } : data)),
-    onError: (err) => setError(err instanceof Error ? err.message : '设置失败'),
+    // Same reasoning as ProfileSettingsPage's own saveMutation: a version conflict shouldn't leave
+    // the cached `version` stale, or every retry just resends the same rejected value forever.
+    onError: (err) => {
+      setError(err instanceof Error ? err.message : '设置失败');
+      queryClient.invalidateQueries({ queryKey: ['my-privacy'] });
+    },
   });
   const patch = (partial: Partial<Omit<Parameters<typeof updateMyPrivacy>[0], 'version'>>) => {
     if (!query.data) return;
@@ -113,7 +118,7 @@ export function PrivacySettingsPage() {
         </button>
 
         <div className="rounded-xl bg-white text-sm">
-          <div className="flex items-center justify-between border-b border-border-list-item px-7 py-4">
+          <div className="flex items-center justify-between border-b border-border-row px-7 py-4">
             <span className="text-text-body">资料可见范围</span>
             <div className="flex overflow-hidden rounded-md border border-[#d5d9df] text-xs">
               {VISIBILITY_OPTIONS.map((opt) => (
@@ -129,7 +134,7 @@ export function PrivacySettingsPage() {
               ))}
             </div>
           </div>
-          <div className="flex items-center justify-between border-b border-border-list-item px-7 py-4">
+          <div className="flex items-center justify-between border-b border-border-row px-7 py-4">
             <span className="text-text-body">最近在线可见范围</span>
             <div className="flex overflow-hidden rounded-md border border-[#d5d9df] text-xs">
               {VISIBILITY_OPTIONS.map((opt) => (