Improve treatment dialog UX and mobile responsiveness

[michaelwschultz]

Summary

• refresh the top app shell with a cleaner header card and stronger mobile CTA for creating treatments
• redesign the new-treatment modal into clearer sections with better spacing and treatment-type controls that wrap cleanly on narrow viewports
• polish home-page visual hierarchy with section panels and mobile-friendly spacing adjustments
• improve horizontal scrolling behavior for the treatments table and prevent forced page overflow on small screens

Testing

• pnpm lint ✅
• pnpm build ⚠️ fails due pre-existing missing module import in components/feedbackPage.tsx (components/loadingScreen), unrelated to this UI diff
• manual UI walkthrough at 375px viewport ✅ (open new-treatment dialog, toggle type buttons, scroll through fields and verify readability)

  

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hemolog-com	Error		Mar 14, 2026 7:52pm