Since we'll be extracting the primary Admin UI pages for embedding elsewhere, we'll be tackling the Statements page first.

As part of this work we'll need to figure out how to extract individual components and ensure they do not rely on global CSS.

These components, including the Statements Page, will be isolated as display-only components in the Storybook instance for later extraction into the UI repository.

• Isolate Antd styles. Make sure that imported ant components do not pollute global CSS.

Following components have to be refactored to use CSS modules:

• StatementsPage ✅
  • Dropdown ✅
  • PageConfig ✅
  • Empty ("../app/components/empty") ✅
  • Search ("../app/components/Search") ✅
  • StatementsSortedTable ✅ (ui: CSS modules for Table components #47606)
    • SortableTable ✅ (ui: CSS modules for Table components #47606)
    • HighlightedText ✅ (ui: CSS modules for Table components #47606)
    • Drawer ✅ (ui: CSS modules for Table components #47606)
• StatementDetails ✅
  • BarCharts ✅ (ui: CSS modules for BarCharts components #47484)
  • PlanView ✅ (ui: CSS modules for PlanView component #47513)
  • Loading
  • SqlBox ✅ (ui: CSS modules for SqlBox components #48217)
  • ToolTipWrapper 🚧
  • SummaryCard ✅
  • Button ✅(ui: CSS modules for Button component #48155)
  • Badge, Anchor ✅
  • Tooltip ✅
• DiagnosticsView ✅
  • SummaryCard ✅
  • DiagnosticStatusBadge ✅