fix(web): adjust tab component styles for improved layout

- Added margin to TabsList in ServiceEditSheet for better spacing.
- Updated comments in ResourcePage to clarify tab styling.
- Enhanced Tabs component to support horizontal and vertical orientations with appropriate data attributes for better styling control.

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

apps/web/src/components/reui-kit/resource-page.tsx

@@ -289,7 +289,7 @@ export function ResourcePage<T extends object>({
         <FramePanel className="p-0 shadow-none!">
           {tabs && tabs.length > 0 ? (
             <>
-              {/* Line tabs: c-tabs-2 + filtering-2 (muted count + underline) */}
+              {/* Line tabs: c-tabs-2 underline; after:bottom-0 — FramePanel overflow-hidden клипает bottom-[-5px] */}
               <div className="px-(--frame-panel-header-px) pt-(--frame-panel-header-py)">
                 <Tabs value={activeTab} onValueChange={handleTabChange}>
                   <TabsList variant="line" className="gap-5">
@@ -297,7 +297,7 @@ export function ResourcePage<T extends object>({
                       <TabsTrigger
                         key={tab.id}
                         value={tab.id}
-                        className="text-muted-foreground hover:text-foreground h-auto gap-2 px-0 pb-3"
+                        className="text-muted-foreground hover:text-foreground h-auto gap-2 px-0 pb-3 after:bottom-0"
                       >
                         <span>{tab.label}</span>
                         <span className="bg-muted text-muted-foreground inline-flex min-w-5 items-center justify-center rounded-md px-1.5 py-0.5 text-xs tabular-nums">

apps/web/src/components/service-edit-sheet.tsx

@@ -404,7 +404,7 @@ export function ServiceEditSheet({
             orientation="horizontal"
             className="flex w-full flex-col gap-4"
           >
-            <TabsList variant="line" className="w-full gap-5">
+        <TabsList variant="line" className="mb-3.5 w-full gap-5">
               <TabsTrigger value="general" className="px-0 pb-2">
                 Основное
               </TabsTrigger>