Feat/attachments (#9526)

Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: JzoNg <jzongcode@gmail.com>

web/app/components/explore/app-list/index.tsx

@@ -23,7 +23,7 @@ import Loading from '@/app/components/base/loading'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
 import { useAppContext } from '@/context/app-context'
 import { getRedirection } from '@/utils/app-redirection'
-import SearchInput from '@/app/components/base/search-input'
+import Input from '@/app/components/base/input'
 
 type AppsProps = {
   pageType?: PageType
@@ -187,7 +187,14 @@ const Apps = ({
             allCategoriesEn={allCategoriesEn}
           />
         </>
-        <SearchInput value={keywords} onChange={handleKeywordsChange}/>
+        <Input
+          showLeftIcon
+          showClearIcon
+          wrapperClassName='w-[200px]'
+          value={keywords}
+          onChange={e => handleKeywordsChange(e.target.value)}
+          onClear={() => handleKeywordsChange('')}
+        />
 
       </div>