feat(web): update Tabs component styles for improved UI consistency

- Refactored TabsList and TabsTrigger components to enhance styling and responsiveness.
- Updated class names to ensure consistent appearance across different tabs, including adjustments for active states and background properties.
- Improved accessibility and visual feedback for active tab selections in the ResourcePage and AutomationLibraryGridView components.

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

.cursor/rules/frontend-ui-patterns.mdc

@@ -81,19 +81,26 @@ Max 1 primary (`default`) на экран; остальные `outline` / `ghost
 Эталон: [data-grid-filtering-2](https://reui.io/preview/base/data-grid-filtering-2).
 
 ```tsx
-<TabsList variant="line" className="h-auto! gap-5 overflow-visible">
+<TabsList variant="line" className="h-auto gap-5 bg-transparent p-0">
   <TabsTrigger
     value="…"
-    className="data-active:text-foreground gap-2 px-0 pb-3 text-sm font-medium [&[data-active]>span:last-child]:bg-foreground [&[data-active]>span:last-child]:text-background"
+    className={cn(
+      'h-auto flex-none gap-2 rounded-none bg-transparent px-0 pb-3 text-sm shadow-none',
+      'text-muted-foreground hover:text-foreground',
+      'data-active:bg-transparent data-active:text-foreground data-active:shadow-none',
+      'dark:data-active:border-transparent dark:data-active:bg-transparent',
+      'after:bottom-0 after:h-0.5',
+    )}
   >
     <span>Label</span>
-    <span className="bg-muted text-muted-foreground … tabular-nums">{count}</span>
+    <span className="bg-muted text-muted-foreground … tabular-nums rounded-md">{count}</span>
   </TabsTrigger>
 </TabsList>
 ```
 
-- `h-auto!` снимает клип underline у `TabsList` (`h-8`)
-- Active count — контрастный chip (`bg-foreground` / `text-background`)
+- Active = яркий текст + **белый underline** (`after:`), без фона/инвертированного badge
+- Count pill всегда `bg-muted` (как в preview)
+- `h-auto` / `flex-none` / `data-active:bg-transparent` — снять клип `h-8` и `dark:bg-input/30` у примитива
 - Active state — Base UI `data-active`, не Radix `data-[state=active]`
 
 ## Sidebar