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