BMP Web App

Rebuild and refactor existing UI components and screens to resolve current issues and align everything with Figma designs. This includes fixing broken components, layout inconsistencies, and responsiveness issues across the application.

Objective

Rebuild UI components that are not functioning or styled correctly
Ensure all screens match Figma pixel-to-pixel
Fix layout, responsiveness, and interactive issues
Standardize components for reuse and maintainability

Scope

Review all screens and components for existing issues
Fix broken components, layout misalignments, and styling issues
Ensure responsive design across all devices
Align all UI elements with Figma designs

Out of Scope

Backend functionality (unless it directly affects UI display)
Adding new features beyond rebuilding/refactoring

Acceptance Criteria

All broken components are rebuilt and functional
Screens fully match Figma designs
Responsive and accessible UI
Standardized components for reuse
Tested in all major browsers