# UI Modernization & Standardization Plan

## Stage 1: Foundation (Global Theme & Layout)
**Goal**: Establish a consistent visual base and layout structure.
**Success Criteria**: 
- Global `ConfigProvider` with a modern theme (v5 tokens).
- A reusable `MainLayout` component replacing duplicated header/sidebar logic.
- Unified navigation experience across Admin and User dashboards.
**Status**: Complete

## Stage 2: Component Standardization
**Goal**: Replace custom, inconsistent components with Ant Design standards.
**Success Criteria**:
- `ListTable` and `DataTable` replaced by `antd.Table`. (Complete)
- `FormModal` and `ConfirmDialog` replaced by `antd.Modal`. (Complete)
- `Toast` and custom notifications replaced by `antd.message` and `antd.notification`. (Complete)
- Custom `Dropdown`, `Breadcrumb`, and `PageLoading` replaced by `antd` equivalents. (Complete)
**Status**: Complete

## Stage 3: Visual Polish & UX
**Goal**: Enhance design details and interactive experience.
**Success Criteria**:
- Modernized dashboard cards with subtle shadows and transitions. (Complete)
- Standardized `Empty` states and `Skeleton` loaders. (Complete)
- Responsive design improvements for various screen sizes. (Complete)
- Clean up redundant CSS files and components. (In Progress)
**Status**: In Progress