feat: add knowledge base retrieve test tab with Card-based UI (#1583)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Junyan Qin <Chin>, u79E6u9A8Fu8A00 in Chinese, you can call me my english name Rock Chin. <rockchinq@gmail.com>

web/src/i18n/locales/zh-Hans.ts

@@ -274,6 +274,16 @@ const zhHans = {
     },
     deleteKnowledgeBaseConfirmation:
       '你确定要删除这个知识库吗？此知识库下的所有文档将被删除。',
+    retrieve: '检索测试',
+    retrieveTest: '检索测试',
+    query: '查询',
+    queryPlaceholder: '输入查询内容...',
+    retrieveResults: '检索结果',
+    distance: '距离',
+    content: '内容',
+    fileName: '文件名',
+    noResults: '暂无结果',
+    retrieveError: '检索失败',
   },
   register: {
     title: '初始化 LangBot 👋',