feat: add buttonText prop to CopyButton for customizable button label

Author: ErwanDecoster

src/components/CopyButton.tsx

@@ -10,10 +10,12 @@ import {
 const CopyButton = ({
   textToCopy,
   displayText,
+  buttonText,
   tooltipWithText = false,
 }: {
   textToCopy: string;
   displayText?: string;
+  buttonText?: string;
   tooltipWithText?: boolean;
 }) => {
   const [showTooltip, setShowTooltip] = useState(false);
@@ -58,8 +60,9 @@ const CopyButton = ({
               }}
               onMouseEnter={handleMouseEnter}
               onMouseLeave={handleMouseLeave}
-              className="hover:before:bg-muted active:before:bg-secondary relative z-0 -mx-1 -my-1 items-center gap-1 px-1 py-1 transition-colors before:absolute before:inset-0 before:-z-10 before:rounded-lg before:duration-200 active:before:scale-x-[0.98] active:before:scale-y-[0.94]"
+              className="hover:before:bg-muted active:before:bg-secondary relative z-0 -mx-1 -my-1 flex items-center gap-1 px-1 py-1 transition-colors before:absolute before:inset-0 before:-z-10 before:rounded-lg before:duration-200 active:before:scale-x-[0.98] active:before:scale-y-[0.94]"
             >
+              {buttonText && <span className="mr-1 text-sm">{buttonText}</span>}
               <Copy className="size-4 flex-none" />
             </button>
           </span>