Fix: Optimize page layout and style #3221 (#9852)

### What problem does this PR solve?

Fix: Optimize page layout and style #3221

- Added the cursor-pointer class to the logo in the Header component
- Added an icon property to the ListFilterBar in the Agents and ChatList
components
- Adjusted the Dataset page layout and set a minimum width
- Optimized the DatasetWrapper page layout and added the overflow-auto
class
- Simplified the search icon in the SearchList component

### Type of change

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

---------

Co-authored-by: Kevin Hu <kevinhu.sh@gmail.com>

web/src/layouts/next-header.tsx

@@ -111,7 +111,7 @@ export function Header() {
         <img
           src={'/logo.svg'}
           alt="logo"
-          className="size-10 mr-[12]"
+          className="size-10 mr-[12] cursor-pointer"
           onClick={handleLogoClick}
         />
         <a

web/src/pages/agents/index.tsx

@@ -39,6 +39,7 @@ export default function Agents() {
           title="Agents"
           searchString={searchString}
           onSearchChange={handleInputChange}
+          icon="agent"
         >
           <Button onClick={navigateToAgentTemplates}>
             <Plus className="mr-2 h-4 w-4" />

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

@@ -59,7 +59,7 @@ export default function Dataset() {
     setRowSelection,
   });
   return (
-    <section className="p-5">
+    <section className="p-5 min-w-[880px]">
       <ListFilterBar
         title="Dataset"
         onSearchChange={handleInputChange}

web/src/pages/dataset/index.tsx

@@ -39,7 +39,7 @@ export default function DatasetWrapper() {
       </PageHeader>
       <div className="flex flex-1 min-h-0">
         <SideBar></SideBar>
-        <div className="flex-1">
+        <div className="flex-1 overflow-auto">
           <Outlet />
         </div>
       </div>

web/src/pages/next-chats/index.tsx

@@ -39,6 +39,7 @@ export default function ChatList() {
       <div className="px-8 pt-8">
         <ListFilterBar
           title="Chat apps"
+          icon="chat"
           onSearchChange={handleInputChange}
           searchString={searchString}
         >

web/src/pages/next-searches/index.tsx

@@ -114,11 +114,7 @@ export default function SearchList() {
     <section className="w-full h-full flex flex-col">
       <div className="px-8 pt-8">
         <ListFilterBar
-          icon={
+          icon="search"
-            <div className="rounded-sm bg-emerald-400 bg-gradient-to-t from-emerald-400 via-emerald-400 to-emerald-200 p-1 size-6 flex justify-center items-center">
-              <Search size={14} className="font-bold m-auto" />
-            </div>
-          }
           title="Search apps"
           showFilter={false}
           onSearchChange={(e) => handleSearchChange(e.target.value)}