File: frontend/src/components/ui/Icon.tsx
Description
Dynamic lucide-react icon lookup provides no compile-time safety:
lucide-react[name as keyof typeof import("lucide-react")]A typo in an icon name (e.g., "Settins" instead of "Settings") will silently render nothing (undefined).
Severity: Low
Category: Quality
Suggested Fix: Create a typed icon mapping (e.g., type IconName = "Settings" | "User" | ...) and use a switch/object map instead of dynamic lookup.
File:
frontend/src/components/ui/Icon.tsxDescription
Dynamic lucide-react icon lookup provides no compile-time safety:
A typo in an icon name (e.g., "Settins" instead of "Settings") will silently render nothing (undefined).
Severity: Low
Category: Quality
Suggested Fix: Create a typed icon mapping (e.g.,
type IconName = "Settings" | "User" | ...) and use a switch/object map instead of dynamic lookup.