feat(portal-shell): v2.0 P0 shadcn standardization + security + streaming + error handling

- shadcn/ui 标准化：废弃纸感令牌，统一 bg-background/text-foreground 等
- Tailwind v4 + @theme inline，移除 tailwind.config.js
- React 19 use() + Suspense 流式渲染，首屏骨架秒出
- 三级错误边界：Route → Section → Widget 层层兜底
- 错误上报：useErrorReport → sendBeacon → /api/log mock 端点
- 三层安全边界：L1 角色门禁 / L2 权限点门禁 / L3 数据范围
- 权限位图 base36 压缩：67 权限点 → ~14 字符，JWT 体积减少 ≥ 99%
- notify 统一 Toast 封装，禁止业务直接 import sonner
- PluginBoundary 替代 PluginLoader（错误边界 + Suspense + Skeleton 三件套）

验证：typecheck 0 错误 / lint 0 错误 / build 6 路由生成成功

packages/ui-components/src/data-table.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
-import { cn } from "./utils/cn.js";
-import { Loading } from "./loading.js";
-import { Empty } from "./empty.js";
+import { cn } from "./utils/cn";
+import { Loading } from "./loading";
+import { Empty } from "./empty";
 
 /**
  * DataTable - 通用数据表格
@@ -77,21 +77,16 @@ export function DataTable<T>({
   }
 
   return (
-    <div
-      className={cn(
-        "overflow-x-auto border border-rule rounded-card",
-        className,
-      )}
-    >
+    <div className={cn("overflow-x-auto rounded-xl border", className)}>
       <table className="w-full text-sm">
-        <thead className="bg-subtle">
-          <tr className="border-b border-rule">
+        <thead className="bg-muted">
+          <tr className="border-b">
             {columns.map((col) => (
               <th
                 key={col.key}
                 style={col.width ? { width: col.width } : undefined}
                 className={cn(
-                  "py-2 px-3 text-tiny uppercase tracking-wide text-ink-muted font-medium",
+                  "py-2 px-3 text-xs uppercase tracking-wide text-muted-foreground font-medium",
                   col.align ? ALIGN_CLASS[col.align] : "text-left",
                 )}
               >
@@ -108,15 +103,15 @@ export function DataTable<T>({
                 key={key}
                 onClick={onRowClick ? () => onRowClick(row) : undefined}
                 className={cn(
-                  "border-b border-rule",
-                  onRowClick && "cursor-pointer hover:bg-subtle",
+                  "border-b",
+                  onRowClick && "cursor-pointer hover:bg-muted",
                 )}
               >
                 {columns.map((col) => (
                   <td
                     key={col.key}
                     className={cn(
-                      "py-2 px-3 text-ink",
+                      "py-2 px-3 text-foreground",
                       col.align ? ALIGN_CLASS[col.align] : "text-left",
                       col.className,
                     )}