feat: improve icon name formatting

[eiseleMichael]

• feat: improves icon name formatting by preserving correct icon names. Correct names such as ChevronRight where formatted wrongly
• chore: update lucide-react to include latest icons

---

Summary by cubic

Improved the Icon component’s name formatting so icons resolve correctly from kebab-case, lowercase, PascalCase, uppercase, and mixed-case inputs. Updated lucide-react to the latest version for new icons.

• Bug Fixes

  • Updated formatIconName to preserve PascalCase, normalize kebab-case to PascalCase, and clean up all-uppercase and mixed-case names.
  • Added tests for kebab-case, lowercase, PascalCase, uppercase, mixed-case, invalid names (warn + null), and prop forwarding.

• Dependencies

  • Bumped lucide-react from 0.468.0 to 0.555.0.

^{Written for commit d51145a. Summary will update automatically on new commits.}

[cubic-dev-ai]

1 issue found across 4 files

Prompt for AI agents (all 1 issues)

Check if these issues are valid — if so, understand the root cause of each and fix them.


<file name="frontend/src/components/Icon.tsx">

<violation number="1" location="frontend/src/components/Icon.tsx:17">
Icon names that contain a hyphen followed by an uppercase letter are no longer normalized (the hyphen remains), so inputs like &quot;chevron-Right&quot; or &quot;CHEVRON-RIGHT&quot; do not resolve to a valid Lucide icon.</violation>
</file>

_{Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR}