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/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>
+    ));
+}