feat(components): Add Copy Link button to Input component

[sumamakhan761]

Closes #7130

Feature: Add "Copy Link" button to Input component

Description

This component adds a "Copy Link" button to the right of the input field. When clicked, it copies the input value to the user's clipboard using the Clipboard API.

Implementation

import { useRef } from "react"
export default function CopyLinkComponent() {
  const inputRef = useRef<HTMLInputElement>(null);

  const handleCopy = () => {
    if (inputRef.current) {
      navigator.clipboard.writeText(inputRef.current.value);
    }
  };

  return (
    <div className="flex space-x-2">
      <Input
        ref={inputRef}
        value="http://example.com/link/to/document"
        readOnly
      />
      <Button variant="secondary" className="shrink-0" onClick={handleCopy}>
        Copy Link
      </Button>
    </div>
  );
}

[vercel]

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

A member of the Team first needs to authorize it.

[sumamakhan761]

@shadcn @JoschuaSchneider please review my PR