Description:
Conduct a comprehensive refactor and polish of the frontend codebase to reach MVP status. This tracking ticket covers the standardization of the design system, codebase hygiene, component consolidation, and error resilience.
- Standardize Visuals: Implement a consistent design system (Tailwind colors, fonts, spacing) and replace inconsistent icons.
- Refactor Architecture: Centralize TypeScript definitions and remove dead code.
- Improve UX: Implement skeleton loaders, infinite scrolling, and specific "Not Found" / "Error" states.
- Consolidate Logic: Unify search components into a single reusable pattern.
- Integration: Connect remaining mock pages to real backend endpoints.
Expected Outcome:
- A maintainable, type-safe codebase with no unused artifacts.
- Consistent UI using a defined color palette and icon set.
- Smooth user experience with proper loading states (skeletons) and error handling.
- All pages connected to live API data.
Setup Steps:
- Create a feature branch for each sub-task (do not work directly on main).
- Complete sub-tickets to minimize merge conflicts.
- Verify all changes against the existing Playwright accessibility tests.
NOTE: Please don't clone this parent task