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/components/lookup/lookup-matches-grid.tsx

@@ -4,7 +4,8 @@ import { useNavigate } from '@tanstack/react-router'
 
 import { CategoryBadge } from '@/components/category-badge'
 import { DataGridPrimaryCell } from '@/components/data-grid-cell'
-import { DataGridCard, DataGridSection } from '@/components/data-grid-shell'
+import { FrameDataGrid } from '@/components/reui-kit'
+import { DataGridSection } from '@/components/data-grid-shell'
 import { Badge } from '@/components/reui/badge'
 import { DataGridColumnHeader } from '@/components/reui/data-grid/data-grid-column-header'
 import { useClientDataGrid } from '@/hooks/use-client-data-grid'
@@ -112,7 +113,7 @@ export function LookupMatchesGrid({
   })
 
   return (
-    <DataGridCard
+    <FrameDataGrid
       title="Совпадения"
       description="Entries и snapshots · клик по строке открывает модуль"
     >
@@ -128,6 +129,6 @@ export function LookupMatchesGrid({
           void navigate({ to: '/modules/$moduleId', params: { moduleId: row.module_id } })
         }
       />
-    </DataGridCard>
+    </FrameDataGrid>
   )
 }