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/en-US.ts

@@ -282,6 +282,16 @@ const enUS = {
     },
     deleteKnowledgeBaseConfirmation:
       'Are you sure you want to delete this knowledge base? All documents in this knowledge base will be deleted.',
+    retrieve: 'Retrieve Test',
+    retrieveTest: 'Retrieve Test',
+    query: 'Query',
+    queryPlaceholder: 'Enter query text...',
+    retrieveResults: 'Retrieve Results',
+    distance: 'Distance',
+    content: 'Content',
+    fileName: 'File Name',
+    noResults: 'No results',
+    retrieveError: 'Retrieve failed',
   },
   register: {
     title: 'Initialize LangBot 👋',

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 👋',