feat(input-component): support icons left/right

[IndyVC]

Using Icons inside an input field is something very common. Unfortunately, shadcn didn't truly provide it out of the box, while it easily could. This PR could solve it.

Following these issues:

• Feature Request: Icon Support for Input Fields #1562
• Proper way for Input with icon #1552

I've also extended docs:

And code example:

import { MapIcon, MapPin } from "lucide-react"

import { Input } from "@/components/ui/input"

export function InputWithIcons() {
  return (
    <div>
      <Input>
        <Input.Icon side="left">
          <MapIcon />
        </Input.Icon>
        <Input.Icon side="right">
          <MapPin />
        </Input.Icon>
      </Input>
    </div>
  )
}

[vercel]

@IndyVC is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[daanboschmans]

Can we have this merged? pls