Feat: Add PageHeader to DatasetWrapper #3221 (#5284)

### What problem does this PR solve?

Feat: Add PageHeader to DatasetWrapper #3221

### Type of change


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

web/src/pages/dataset/index.tsx

@@ -1,13 +1,22 @@
+import { PageHeader } from '@/components/page-header';
+import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { Outlet } from 'umi';
 import { SideBar } from './sidebar';
 
 export default function DatasetWrapper() {
+  const { navigateToDatasetList } = useNavigatePage();
   return (
+    <section>
+      <PageHeader
+        title="Dataset details"
+        back={navigateToDatasetList}
+      ></PageHeader>
       <div className="flex flex-1">
         <SideBar></SideBar>
         <div className="flex-1">
           <Outlet />
         </div>
       </div>
+    </section>
   );
 }

web/src/routes.ts

@@ -239,10 +239,11 @@ const routes = [
     path: Routes.DatasetBase,
     layout: false,
     component: '@/layouts/next',
-    routes: [
+    routes: [{ path: Routes.DatasetBase, redirect: Routes.Dataset }],
-      { path: Routes.DatasetBase, redirect: Routes.Dataset },
+  },
   {
     path: Routes.DatasetBase,
+    layout: false,
     component: `@/pages${Routes.DatasetBase}`,
     routes: [
       {
@@ -259,8 +260,6 @@ const routes = [
       },
     ],
   },
-    ],
-  },
   {
     path: Routes.Chunk,
     layout: false,