fix(ui): выровнять chrome Frame и убрать Card-оболочки

Подключить App Switcher, NavUser, OpsPanel и AlertDialog вместо Card-shell.

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

components/data-page-card.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react"
-import { Card } from "@/components/ui/card"
+import { Frame, FramePanel } from "@/components/reui/frame"
 import { DATA_PAGE_CARD_CLASS } from "@/components/data-grids/shared/data-grid-layout"
 import { cn } from "@/lib/utils"
 
@@ -8,11 +8,14 @@ interface DataPageCardProps {
   className?: string
 }
 
+/** Ops list shell — ReUI Frame, not shadcn Card. Preview: https://reui.io/docs/components/base/frame */
 function DataPageCard({ children, className }: DataPageCardProps) {
   return (
-    <Card className={cn(DATA_PAGE_CARD_CLASS, className)}>
-      {children}
-    </Card>
+    <Frame dense className={cn("w-full", className)}>
+      <FramePanel className={cn(DATA_PAGE_CARD_CLASS, "p-0")}>
+        {children}
+      </FramePanel>
+    </Frame>
   )
 }