feat: Added UI functions related to data-flow knowledge base #3221 (#10038)

### What problem does this PR solve?

feat: Added UI functions related to data-flow knowledge base #3221

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/dataset/sidebar/index.tsx

@@ -9,7 +9,13 @@ import { cn, formatBytes } from '@/lib/utils';
 import { Routes } from '@/routes';
 import { formatPureDate } from '@/utils/date';
 import { isEmpty } from 'lodash';
-import { Banknote, Database, FileSearch2, GitGraph } from 'lucide-react';
+import {
+  Banknote,
+  Database,
+  DatabaseZap,
+  FileSearch2,
+  GitGraph,
+} from 'lucide-react';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHandleMenuClick } from './hooks';
@@ -28,6 +34,11 @@ export function SideBar({ refreshCount }: PropType) {
 
   const items = useMemo(() => {
     const list = [
+      {
+        icon: DatabaseZap,
+        label: t(`knowledgeDetails.overview`),
+        key: Routes.DataSetOverview,
+      },
       {
         icon: Database,
         label: t(`knowledgeDetails.dataset`),