fix: Refactor i18n config and fix plugin search box styling issue (#22945)

web/app/components/plugins/marketplace/search-box/index.tsx

@@ -8,6 +8,7 @@ import { RiAddLine } from '@remixicon/react'
 type SearchBoxProps = {
   search: string
   onSearchChange: (search: string) => void
+  wrapperClassName?: string
   inputClassName?: string
   tags: string[]
   onTagsChange: (tags: string[]) => void
@@ -21,6 +22,7 @@ type SearchBoxProps = {
 const SearchBox = ({
   search,
   onSearchChange,
+  wrapperClassName,
   inputClassName,
   tags,
   onTagsChange,
@@ -32,7 +34,7 @@ const SearchBox = ({
 }: SearchBoxProps) => {
   return (
     <div
-      className='z-[11] flex items-center'
+      className={cn('z-[11] flex items-center', wrapperClassName)}
     >
       <div className={
         cn('flex items-center',

web/app/components/plugins/marketplace/search-box/search-box-wrapper.tsx

@@ -26,11 +26,12 @@ const SearchBoxWrapper = ({
 
   return (
     <SearchBox
-      inputClassName={cn(
+      wrapperClassName={cn(
         'z-[0] mx-auto w-[640px] shrink-0',
         searchBoxCanAnimate && 'sticky top-3 z-[11]',
         !intersected && searchBoxCanAnimate && 'w-[508px] transition-[width] duration-300',
       )}
+      inputClassName='w-full'
       search={searchPluginText}
       onSearchChange={handleSearchPluginTextChange}
       tags={filterPluginTags}