Feat: Modify the dataset list page style #3221 (#7437)

### What problem does this PR solve?

Feat: Modify the dataset list page style #3221

### Type of change


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

web/src/pages/dataset/dataset/dataset-table.tsx

@@ -15,7 +15,6 @@ import * as React from 'react';
 
 import { ChunkMethodDialog } from '@/components/chunk-method-dialog';
 import { RenameDialog } from '@/components/rename-dialog';
-import { TableSkeleton } from '@/components/table-skeleton';
 import { RAGFlowPagination } from '@/components/ui/ragflow-pagination';
 import {
   Table,
@@ -48,7 +47,6 @@ export function DatasetTable({
   setPagination,
   rowSelection,
   setRowSelection,
-  loading,
 }: DatasetTableProps) {
   const [sorting, setSorting] = React.useState<SortingState>([]);
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
@@ -142,9 +140,7 @@ export function DatasetTable({
             ))}
           </TableHeader>
           <TableBody className="relative">
-            {loading ? (
-              <TableSkeleton columnsLength={columns.length}></TableSkeleton>
-            ) : table.getRowModel().rows?.length ? (
+            {table.getRowModel().rows?.length ? (
               table.getRowModel().rows.map((row) => (
                 <TableRow
                   key={row.id}

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

@@ -71,7 +71,7 @@ export default function Dataset() {
       >
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button variant={'tertiary'} size={'sm'}>
+            <Button size={'sm'}>
               <Upload />
               {t('knowledgeDetails.addFile')}
             </Button>

web/src/pages/datasets/dataset-creating-dialog.tsx

@@ -85,7 +85,7 @@ export function DatasetCreatingDialog({ hideModal, onOk }: IModalProps<any>) {
         </DialogHeader>
         <InputForm onOk={onOk}></InputForm>
         <DialogFooter>
-          <Button type="submit" variant={'tertiary'} size={'sm'} form={FormId}>
+          <Button type="submit" form={FormId}>
             {t('common.save')}
           </Button>
         </DialogFooter>

web/src/pages/datasets/index.tsx

@@ -53,18 +53,19 @@ export default function Datasets() {
   );
 
   return (
-    <section className="py-8 text-foreground">
+    <section className="py-4 text-foreground">
       <ListFilterBar
-        title="Datasets"
+        title={t('header.knowledgeBase')}
         searchString={searchString}
         onSearchChange={handleInputChange}
         value={filterValue}
         filters={owners}
         onChange={handleFilterSubmit}
         className="px-8"
+        icon={'data'}
       >
-        <Button size={'sm'} onClick={showModal}>
-          <Plus className="mr-2 size-2.5" />
+        <Button onClick={showModal}>
+          <Plus className=" size-2.5" />
           {t('knowledgeList.createKnowledgeBase')}
         </Button>
       </ListFilterBar>