fix(web): поиск VPS на отдельной строке над фильтрами

Строка поиска вынесена выше кнопки «Фильтр» и чипов активных фильтров для более понятной иерархии тулбара.

Co-authored-by: Cursor <[email protected]>

apps/web/src/components/vps-filters-toolbar.tsx

@@ -330,8 +330,8 @@ export function VpsFiltersToolbar({
   const reset = () => onChange(buildDefaultVpsFilters())
 
   return (
-    <div className="flex flex-wrap items-center gap-2">
+    <div className="flex flex-col gap-2">
-      <div className="relative min-w-[220px] flex-1">
+      <div className="relative w-full">
         <SearchIcon className="pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
         <Input
           placeholder="Поиск: IP, DNS, проект, назначение, ОС"
@@ -341,22 +341,23 @@ export function VpsFiltersToolbar({
         />
       </div>
 
-      <Filters
+      <div className="flex flex-wrap items-center gap-2">
-        filters={reuiFilters as unknown as Filter[]}
+        <Filters
-        fields={fields as unknown as FilterFieldConfig[]}
+          filters={reuiFilters as unknown as Filter[]}
-        onChange={handleFiltersChange}
+          fields={fields as unknown as FilterFieldConfig[]}
-        i18n={RU_I18N}
+          onChange={handleFiltersChange}
-        size="sm"
+          i18n={RU_I18N}
-        allowMultiple={false}
+          size="sm"
-        trigger={
+          allowMultiple={false}
-          <Button variant="outline" size="sm">
+          trigger={
-            <PlusIcon data-icon="inline-start" />
+            <Button variant="outline" size="sm">
-            Фильтр
+              <PlusIcon data-icon="inline-start" />
-          </Button>
+              Фильтр
-        }
+            </Button>
-      />
+          }
+        />
 
-      <Popover>
+        <Popover>
         <PopoverTrigger
           render={
             <Button variant="ghost" size="sm">
@@ -431,6 +432,7 @@ export function VpsFiltersToolbar({
           Сбросить
         </Button>
       ) : null}
+      </div>
     </div>
   )
 }