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/operations/operations-jobs-card.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react'
 
-import { DataGridCard } from '@/components/data-grid-shell'
+import { FrameDataGrid } from '@/components/reui-kit'
 import { OperationsJobsGrid } from '@/components/operations/operations-jobs-grid'
 import { QueryState } from '@/components/query-state'
 import { TableSkeleton } from '@/components/skeletons'
@@ -51,7 +51,7 @@ export function OperationsJobsCard({
   const filtered = useMemo(() => filterJobs(jobs, tab), [jobs, tab])
 
   return (
-    <DataGridCard title="Задачи" description="Фильтр по статусу · data-grid-filtering pattern">
+    <FrameDataGrid title="Задачи" description="Фильтр по статусу · data-grid-filtering pattern">
       <div className="px-5 pt-3">
         <Tabs value={tab} onValueChange={(v) => setTab(v as JobTab)} className="w-full">
           <TabsList variant="line" className="w-full justify-start gap-6">
@@ -81,6 +81,6 @@ export function OperationsJobsCard({
           />
         )}
       </QueryState>
-    </DataGridCard>
+    </FrameDataGrid>
   )
 }