Feat: Combine Select and LlmSettingFieldItems into LLMSelect. #3221 (#5548)

### What problem does this PR solve?

Feat: Combine Select and LlmSettingFieldItems into LLMSelect. #3221

### Type of change


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

web/src/pages/agent/form-sheet/next.tsx

@@ -1,5 +1,10 @@
 import { Input } from '@/components/ui/input';
-import { Sheet, SheetContent, SheetHeader } from '@/components/ui/sheet';
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet';
 import { useTranslate } from '@/hooks/common-hooks';
 import { IModalProps } from '@/interfaces/common';
 import { RAGFlowNodeType } from '@/interfaces/database/flow';
@@ -88,6 +93,7 @@ const FormSheet = ({
 
   return (
     <Sheet open={visible} modal={false}>
+      <SheetTitle className="hidden"></SheetTitle>
       <SheetContent className="bg-white top-20" closeIcon={false}>
         <SheetHeader>
           <section className="flex-col border-b pb-2">

web/src/pages/agent/index.tsx

@@ -49,14 +49,14 @@ export default function Agent() {
     hideFileUploadModal,
   } = useHandleExportOrImportJsonFile();
 
-  useFetchDataOnMount();
+  const { flowDetail } = useFetchDataOnMount();
 
   return (
     <section>
-      <PageHeader back={navigateToAgentList} title="Agent 01">
+      <PageHeader back={navigateToAgentList} title={flowDetail.title}>
         <div className="flex items-center gap-2">
           <DropdownMenu>
-            <DropdownMenuTrigger>
+            <DropdownMenuTrigger asChild>
               <Button variant={'icon'} size={'icon'}>
                 <EllipsisVertical />
               </Button>

web/src/pages/agent/operator-icon.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Operator, operatorIconMap } from './constant';
 
 interface IProps {
@@ -8,8 +7,12 @@ interface IProps {
   color?: string;
 }
 
+const Empty = () => {
+  return <div className="hidden"></div>;
+};
+
 const OperatorIcon = ({ name, fontSize, width, color }: IProps) => {
-  const Icon = operatorIconMap[name] || React.Fragment;
+  const Icon = operatorIconMap[name] || Empty;
   return (
     <Icon
       className={'text-2xl max-h-6 max-w-6 text-[rgb(59, 118, 244)]'}