Fix: Optimized the table of contents style and homepage card layout #3221 (#9993)

### What problem does this PR solve?

Fix: Optimized the table of contents style and homepage card layout
#3221

- Added background color, text color, and shadow styles to the Markdown
table of contents
- Optimized the date display style in the HomeCard component to prevent
overflow
- Standardized the translation of "dataset" to "knowledge base" to
improve terminology consistency

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/api-service/chat-overview-modal/markdown-toc.tsx

@@ -53,14 +53,13 @@ const MarkdownToc: React.FC<MarkdownTocProps> = ({ content }) => {
 
   return (
     <div
-      className="markdown-toc"
+      className="markdown-toc bg-bg-base text-text-primary shadow shadow-text-secondary"
       style={{
         position: 'fixed',
         right: 20,
         top: 100,
         bottom: 150,
         width: 200,
-        background: '#fff',
         padding: '10px',
         maxHeight: 'calc(100vh - 170px)',
         overflowY: 'auto',

web/src/components/home-card.tsx

@@ -44,7 +44,7 @@ export function HomeCard({ data, onClick, moreDropdown, sharedBadge }: IProps) {
               {data.description}
             </div>
             <div className="flex justify-between items-center">
-              <p className="text-sm opacity-80">
+              <p className="text-sm opacity-80 whitespace-nowrap">
                 {formatDate(data.update_time)}
               </p>
               {sharedBadge}

web/src/locales/zh.ts

@@ -81,7 +81,7 @@ export default {
       flow: '智能体',
       search: '搜索',
       welcome: '欢迎来到',
-      dataset: '数据集',
+      dataset: '知识库',
     },
     knowledgeList: {
       welcome: '欢迎回来',
@@ -104,7 +104,7 @@ export default {
       retrievalTestingDescription:
         '进行检索测试，检查 RAGFlow 是否能够为大语言模型（LLM）恢复预期的内容。',
       Parse: '解析',
-      dataset: '数据集',
+      dataset: '知识库',
       testing: '检索测试',
       configuration: '配置',
       knowledgeGraph: '知识图谱',
@@ -1474,7 +1474,7 @@ General：实体和关系提取提示来自 GitHub - microsoft/graphrag：基于
       name: '姓名',
       avatar: '头像',
       description: '描述',
-      datasets: '数据集',
+      datasets: '知识库',
       rerankModel: 'rerank 模型',
       AISummary: 'AI 总结',
       enableWebSearch: '启用网页搜索',

web/src/pages/home/datasets.tsx

@@ -30,7 +30,7 @@ export function Datasets() {
             <CardSkeleton />
           </div>
         ) : (
-          <div className="grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8 max-h-[78vh] overflow-auto">
+          <div className="grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 3xl:grid-cols-7 max-h-[78vh] overflow-auto">
             {kbs
               ?.slice(0, 6)
               .map((dataset) => (