fix(ui): улучшить мобильную сводку и детали BGP

components/data-grids/bgp-sessions-data-grid.tsx

@@ -14,6 +14,7 @@ import {
   DATA_GRID_CELL_PAD_FIRST,
 } from "@/components/data-grids/shared/data-grid-layout"
 import { DataGridSortHeader } from "@/components/data-grids/shared/data-grid-sort-header"
+import { Button } from "@/components/ui/button"
 import { EmptyState } from "@/components/empty-state"
 import { BgpSessionDetail } from "@/components/data-grids/bgp-session-detail"
 import type { BgpSessionRow, BgpState, BgpType } from "@/lib/bgp/types"
@@ -120,11 +121,10 @@ function BgpSessionsDataGrid({ sessions, emptyTitle, selectedSessionId, onSelect
           const expanded = row.getIsExpanded()
           return (
             <div className="flex items-center gap-2">
-              {expanded ? (
-                <ChevronDownIcon className="size-3.5 shrink-0 text-muted-foreground" />
-              ) : (
-                <ChevronRightIcon className="size-3.5 shrink-0 text-muted-foreground/40" />
-              )}
+              <Button variant="ghost" size="icon-xs" aria-label={(expanded ? "Закрыть" : "Открыть") + " сессию " + row.original.serverLabel + " · " + row.original.peerIp} aria-expanded={expanded}
+                onClick={event => { event.stopPropagation(); if (onSelectSession) onSelectSession(expanded ? null : row.id); else row.toggleExpanded() }}>
+                {expanded ? <ChevronDownIcon className="size-3.5" /> : <ChevronRightIcon className="size-3.5" />}
+              </Button>
               <span className="font-mono whitespace-nowrap">{row.original.serverLabel}</span>
             </div>
           )
@@ -261,7 +261,7 @@ function BgpSessionsDataGrid({ sessions, emptyTitle, selectedSessionId, onSelect
         },
       },
     ],
-    [],
+    [onSelectSession],
   )
 
   const table = useTable({