fix(web): 第9轮审查批次3——通讯录域一批问题

- 手机号搜索加好友时来源永远上报"search"（账号搜索），NewFriendsView
  早就有phone的文案映射但一直用不到——现在按searchType正确区分
- 添加好友弹层三个快捷按钮布局改成横向（原来是纵向堆叠，和设计稿方向
  不一致），图标颜色改成强调色
- "已选择"状态标签的圆角从胶囊改成6px小圆角，和同弹层其它按钮风格一致
- 通讯录头部"加好友"按钮补上移动端尺寸（40px/桌面36px），之前和旁边
  FIXED_ENTRIES的断点处理不一致
- 我的二维码/名片二维码生成失败没有重试入口，只能关掉弹层重开——补上
  重试按钮，同时处理"铸造失败"和"canvas绘制失败"两种情况
- 通讯录域几乎所有列表（好友列表/新朋友/群聊列表/黑名单/好友主页/加
  好友搜索）都把请求失败误判成"没有数据"，统一补上isError态+重试按
  钮；好友主页额外区分403(资料保护)/404(真的不存在)/其它错误三种情况，
  之前网络错误也会显示"未找到该用户"

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

web/src/features/contacts/QRCodeModal.tsx

@@ -35,15 +35,23 @@ export function QRCodeModal({ identifier, groupTopic, onClose }: QRCodeModalProp
     queryFn: (): Promise<MyQRCode | GroupQRCode> => (groupTopic ? createGroupQRCode(groupTopic) : identifier ? createUserQRCode(identifier) : createMyQRCode()),
   });
 
-  useEffect(() => {
+  const draw = () => {
     if (!query.data || !canvasRef.current) return;
     const canvas = canvasRef.current;
+    setDrawError('');
     // Dynamically imported (like agora-rtc-sdk-ng in agora-client.ts) so a QR-generating library
     // isn't in every visitor's main bundle when most sessions never open this modal.
     import('qrcode')
       .then(({ default: QRCode }) => QRCode.toCanvas(canvas, query.data.qr_payload, { width: 200, margin: 1, color: { dark: '#22262d', light: '#ffffff' } }))
       .catch(() => setDrawError('二维码生成失败'));
-  }, [query.data]);
+  };
+
+  useEffect(draw, [query.data]);
+
+  const retry = () => {
+    if (query.isError) query.refetch();
+    else draw();
+  };
 
   const profile = query.data && 'display_profile' in query.data ? query.data.display_profile : undefined;
   const group = query.data && 'group_snapshot' in query.data ? query.data.group_snapshot : undefined;
@@ -117,6 +125,9 @@ export function QRCodeModal({ identifier, groupTopic, onClose }: QRCodeModalProp
               <div className="flex flex-col items-center gap-2 px-4 text-center">
                 <Icon name="error_outline" className="text-2xl text-danger-text" />
                 <span className="text-xs text-text-tertiary-4">{drawError || '二维码生成失败，请重试'}</span>
+                <button type="button" onClick={retry} className="text-xs text-accent">
+                  重试
+                </button>
               </div>
             ) : (
               <canvas ref={canvasRef} />