feat(web): components update

web/src/components/SearchInput/index.tsx

@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:24:23 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:24:23 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-10 14:59:39
  */
 /**
  * SearchInput Component
@@ -21,8 +21,6 @@ import { useState, type FC, useCallback, useRef } from 'react';
 import { Input, type InputProps } from 'antd';
 import { useTranslation } from 'react-i18next';
 
-import searchIcon from '@/assets/images/search.svg'
-
 /** Props interface for SearchInput component */
 interface SearchInputProps {
   /** Placeholder text */
@@ -112,7 +110,7 @@ const SearchInput: FC<SearchInputProps> = ({
   return (
     <Input
       allowClear
-      prefix={<img src={searchIcon} alt="search" className="rb:w-4 rb:h-4 rb:mr-1" />}
+      prefix={<div className="rb:size-4 rb:bg-[url('@/assets/images/search.svg')] rb:mr-1"></div>}
       placeholder={placeholder || t('user.searchPlaceholder')}
       value={value}
       onChange={handleChange}