fix(web): unify ReUI chrome and stop tab underline overlap

Секции страниц переведены на segmented Tabs (c-tabs-9), статус грида — ToggleGroup в toolbar. Убраны календарь задач, пустые вкладки мониторинга и demo-деревья ReUI. KPI overflow как в CFDM, DetailPanel на карточке модуля, один FrameSection.

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

apps/web/src/components/operations/operations-jobs-kanban.tsx

@@ -8,13 +8,22 @@ import {
   KanbanColumn,
   KanbanColumnContent,
   KanbanItem,
+  KanbanOverlay,
 } from '@/components/reui/kanban'
 import { Frame, FramePanel } from '@/components/reui/frame'
+import { Badge } from '@/components/reui/badge'
+import {
+  Item,
+  ItemContent,
+  ItemDescription,
+  ItemTitle,
+} from '@evobgp/ui/components/item'
 import { jobKindRu } from '@/lib/ui-labels'
 import type { JobRow } from '@/types/api'
 
 /**
- * Operations jobs board view — ReUI Kanban (read-only columns).
+ * Operations jobs board — ReUI Kanban (read-only columns).
+ * @see https://reui.io/preview/base/kanban-board-8
  * @see https://reui.io/docs/components/base/kanban
  * @see https://reui.io/docs/components/base/frame
  */
@@ -78,9 +87,9 @@ export function OperationsJobsKanban({
               >
                 <div className="flex items-center justify-between gap-2">
                   <p className="text-sm font-medium">{COLUMN_LABELS[columnId]}</p>
-                  <span className="text-muted-foreground text-xs tabular-nums">
+                  <Badge variant="outline" size="sm">
                     {columns[columnId]?.length ?? 0}
-                  </span>
+                  </Badge>
                 </div>
                 <KanbanColumnContent value={columnId}>
                   {(columns[columnId] ?? []).map((job) => (
@@ -88,24 +97,35 @@ export function OperationsJobsKanban({
                       key={job.job_id}
                       value={job.job_id}
                       disabled
-                      className="bg-background flex flex-col gap-1 rounded-md border p-3"
+                      className="p-0"
                     >
-                      <p className="text-sm leading-tight font-medium">
-                        {jobKindRu(job.kind)}
-                      </p>
-                      <StatusBadge status={job.status} />
-                      {job.meta?.module_id ? (
-                        <DataGridMutedCell>
-                          {nameById.get(String(job.meta.module_id)) ??
-                            String(job.meta.module_id)}
-                        </DataGridMutedCell>
-                      ) : null}
+                      <Item variant="outline" size="sm">
+                        <ItemContent>
+                          <ItemTitle>{jobKindRu(job.kind)}</ItemTitle>
+                          <StatusBadge status={job.status} />
+                          {job.meta?.module_id ? (
+                            <ItemDescription>
+                              <DataGridMutedCell>
+                                {nameById.get(String(job.meta.module_id)) ??
+                                  String(job.meta.module_id)}
+                              </DataGridMutedCell>
+                            </ItemDescription>
+                          ) : null}
+                        </ItemContent>
+                      </Item>
                     </KanbanItem>
                   ))}
                 </KanbanColumnContent>
               </KanbanColumn>
             ))}
           </KanbanBoard>
+          <KanbanOverlay>
+            <Item variant="outline" size="sm">
+              <ItemContent>
+                <ItemTitle>Задача</ItemTitle>
+              </ItemContent>
+            </Item>
+          </KanbanOverlay>
         </Kanban>
       </FramePanel>
     </Frame>