style(qrcode): 优化预览态布局适配popup窗口

- 调整文本预览区域高度，单行显示截断文本
- 缩小二维码图片尺寸（56x56 -> 48x48）
- 减少内边距和间距，更紧凑的布局
- 确保完整显示在popup窗口中无需滚动

src/pages/QrCode/__tests__/index.test.tsx

@@ -133,8 +133,8 @@ describe('QrCodePage', () => {
     // 点击生成按钮
     fireEvent.click(screen.getByText('生成二维码'));
 
-    // 验证显示截断的文本（100字符 + "..."）
-    const truncatedText = longText.slice(0, 100) + '...';
+    // 验证显示截断的文本（80字符 + "..."）
+    const truncatedText = longText.slice(0, 80) + '...';
     expect(screen.getByText(truncatedText)).toBeInTheDocument();
   });