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/next-search/search-home.tsx

@@ -3,6 +3,7 @@ import { useFetchUserInfo } from '@/hooks/user-setting-hooks';
 import { cn } from '@/lib/utils';
 import { Search } from 'lucide-react';
 import { Dispatch, SetStateAction } from 'react';
+import { useTranslation } from 'react-i18next';
 import './index.less';
 import Spotlight from './spotlight';
 
@@ -18,6 +19,7 @@ export default function SearchPage({
   setSearchText: Dispatch<SetStateAction<string>>;
 }) {
   const { data: userInfo } = useFetchUserInfo();
+  const { t } = useTranslation();
   return (
     <section className="relative w-full flex transition-all justify-center items-center mt-32">
       <div className="relative z-10 px-8 pt-8 flex  text-transparent flex-col justify-center items-center w-[780px]">
@@ -36,14 +38,14 @@ export default function SearchPage({
               <>
                 <p className="mb-4 transition-opacity">👋 Hi there</p>
                 <p className="mb-10 transition-opacity">
-                  Welcome back, {userInfo?.nickname}
+                  {t('search.welcomeBack')}, {userInfo?.nickname}
                 </p>
               </>
             )}
 
             <div className="relative w-full ">
               <Input
-                placeholder="How can I help you today?"
+                placeholder={t('search.searchGreeting')}
                 className="w-full rounded-full py-6 px-4 pr-10 text-text-primary text-lg bg-bg-base delay-700"
                 value={searchText}
                 onKeyUp={(e) => {
@@ -57,7 +59,7 @@ export default function SearchPage({
               />
               <button
                 type="button"
-                className="absolute right-2 top-1/2 -translate-y-1/2 transform rounded-full bg-white p-2 text-gray-800 shadow w-12"
+                className="absolute right-2 top-1/2 -translate-y-1/2 transform rounded-full bg-text-primary p-2 text-bg-base shadow w-12"
                 onClick={() => {
                   setIsSearching(!isSearching);
                 }}