feat(web): обновить компоненты KpiStatGrid и SectionCards для улучшения интерфейса

- Добавлен новый тип KpiStatVariant для управления визуальными состояниями карточек KPI.
- Обновлены компоненты SectionCards и KpiStatGrid для поддержки новых свойств, таких как iconClassName и footer с Badge.
- Изменены стили и логика отображения для улучшения визуального представления и взаимодействия с пользователем.
- Обновлена документация для отражения изменений в интерфейсе.

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

apps/web/src/lib/ui-surface.ts

@@ -2,7 +2,8 @@
  * VPS Tracker UI surface contract (ReUI Pro).
  *
  * Ops / list / dashboard / detail / settings: **Frame** only.
- * KPI: **stats-12** via `reui-kit/KpiStatGrid`.
+ * KPI: hybrid compact **stats-12** via `reui-kit/KpiStatGrid`
+ * (colored icon → value ± variant → label → Badge footer).
  * Lists: **data-grid-filtering-2** via `reui-kit/ResourcePage`.
  *
  * @see https://reui.io/preview/base/stats-12
@@ -11,5 +12,5 @@
  */
 export const UI_SURFACE = 'frame' as const
 
-/** Grid for ReUI stats-12 KPI rows (3–6 tiles). */
+/** Grid for hybrid compact stats-12 KPI rows (3–6 tiles). */
 export const kpiStatGridClassName = '@container w-full'