feat(web): align ops screens with ReUI PRO kit and Frame surface

OpsDashboard+afterKpi на dashboard; FrameDataGrid вместо DataGridCard; KpiStatGrid вместо SectionCards; SettingsShell без Separator. Preview: dashboard-1, stats-12, data-grid-filtering-2, settings-16.

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

apps/web/src/routes/_auth/monitoring.tsx

@@ -5,7 +5,7 @@ import { AlertTriangle, Bird, Database, FileText, RefreshCw } from 'lucide-react
 import { Button } from '@evobgp/ui/components/button'
 import { PanelCard } from '@/components/panel-card'
 import { BadgeTabs, TabsContent } from '@/components/badge-tabs'
-import { DataGridCard } from '@/components/data-grid-shell'
+import { FrameDataGrid } from '@/components/reui-kit'
 import { StatusBadge } from '@/components/status-badge'
 import { jobKindRu } from '@/lib/ui-labels'
 import {
@@ -125,7 +125,7 @@ function MonitoringComponent() {
           )}
 
           <div className="grid gap-4 lg:grid-cols-2">
-            <DataGridCard
+            <FrameDataGrid
               title="Доступность и готовность"
               description="GET /v1/health · GET /v1/ready"
             >
@@ -139,7 +139,7 @@ function MonitoringComponent() {
               >
                 {(ready) => <MonitoringReadyGrid health={healthQ.data} ready={ready} />}
               </QueryState>
-            </DataGridCard>
+            </FrameDataGrid>
 
             <PanelCard
               title={