Fix (search): Optimize the search page functionality and UI #3221 (#9525)

### What problem does this PR solve?

Fix (search): Optimize the search page functionality and UI #3221 

- Add a search list component
- Implement search settings
- Optimize search result display
- Add related search functionality
- Adjust the search input box style
- Unify internationalized text

### Type of change

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

web/src/pages/home/applications.tsx

@@ -7,6 +7,7 @@ import { useNavigate } from 'umi';
 import { Agents } from './agent-list';
 import { SeeAllAppCard } from './application-card';
 import { ChatList } from './chat-list';
+import { SearchList } from './search-list';
 
 const IconMap = {
   [Routes.Chats]: 'chat',
@@ -56,6 +57,7 @@ export function Applications() {
       <div className="flex flex-wrap gap-4">
         {val === Routes.Agents && <Agents></Agents>}
         {val === Routes.Chats && <ChatList></ChatList>}
+        {val === Routes.Searches && <SearchList></SearchList>}
         {<SeeAllAppCard click={handleNavigate}></SeeAllAppCard>}
       </div>
     </section>

web/src/pages/home/search-list.tsx

@@ -0,0 +1,15 @@
+import { useFetchSearchList } from '../next-searches/hooks';
+import { ApplicationCard } from './application-card';
+
+export function SearchList() {
+  const { data } = useFetchSearchList();
+
+  return data?.data.search_apps
+    .slice(0, 10)
+    .map((x) => (
+      <ApplicationCard
+        key={x.id}
+        app={{ avatar: x.avatar, title: x.name, update_time: x.update_time }}
+      ></ApplicationCard>
+    ));
+}