Improve Input component UI and UX for better accessibility and flexibility

[aozoragh]

Hi material tailwind team.

While building an admin dashboard for Online Ticketing System using Material Tailwind UI, I found myself needing an <Input /> field that includes both a left (leading) icon and a right (trailing) icon.

Since the current component only supports an icon on the right side, I ended up creating a custom wrapper component that extends <Input /> to support a leading icon as well.

That made me realize and thought this might be a useful enhancement for others too, and could be built-in directly.

Suggestion improvement:
Allow an optional leading icon, rendered inside the input field on the left side.

Idea in my mind:

<Input
  leadingIcon={IconComponent}        // new optional prop
  icon={EyeIcon}                // existing right icon
/>

or

```jsx
<Input
  startIcon={StartIcon} // leading icon
  endIcon={EndIcon} // trailing icon
/>

Would love to hear your feedback!
Happy to contribute a PR if it's something the team finds useful.

Thanks so much for the great work on Material Tailwind UI.