feat: input component now support icon libraries

[AdityaTeltia]

Summary

This PR extends the Input component to support icon libraries (e.g., lucide-react, Heroicons, Radix, custom React components) in addition to the existing string-based icons (such as Base64 or SVG paths).

Previously, the icon prop only accepted strings, which limited usage to inline SVGs or image paths. With this change, consumers can now pass React components directly as icons, enabling integration with third-party icon libraries.

---

Changes

• Updated InputProps:

  • icon?: string | React.ReactNode

• Updated render logic in Input:

  • If icon is a string, it renders as <img>.
  • If icon is a ReactNode, it renders directly.

• Updated Storybook stories:

  • WithIconComponent → shows React component usage (e.g., <Search /> from lucide-react).
  • Added argTypes rule to disable Storybook controls for ReactNode icons while keeping string icons editable.

• Added Jest tests:

  • Verified string icons render and respond to onIconClick.
  • Verified React component icons render and respond to onIconClick.

  ---

Screenshots / Examples

closes #12