At most one icon library

Two icon libraries ship two SVG sprite sheets, two sets of stroke-width defaults, and two sizing APIs. Users see icons at different visual weights depending on which component rendered them — Lucide's 2px strokes next to React Icons' Font Awesome 1px strokes look mismatched at the same pixel size. Bundle size also grows unnecessarily since tree-shaking rarely eliminates a full icon package, and screen readers receive inconsistent aria-hidden and role attributes.

Pick one library (Lucide and Heroicons both work well for modern React apps) and migrate every import. Enumerate usage with grep -rl "from 'react-icons'" src/, then replace each icon one-for-one with a lucide-react equivalent. Remove the loser: npm uninstall react-icons. Document the canonical import path in src/components/ui/README.md so new contributors pick the right library on their first PR.