Function handleCopy

website/src/components/CookbookSection.tsx:168–177

(e: React.MouseEvent, text: string)

    const [copied, setCopied] = useState(false);

    const handleCopy = (e: React.MouseEvent, text: string) => {
      e.stopPropagation(); // prevent collapsing when copying
      navigator.clipboard.writeText(text);
      setCopied(true);
      toast({
        title: "Copied to clipboard!",
        description: "The code snippet has been copied to your clipboard.",
      });
      setTimeout(() => setCopied(false), 2000);
    };

    return (
      <div>