Add clipboard image paste support

[Copilot]

Users can now paste images from clipboard directly into post/comment textareas. Previously, images could only be attached via the file picker button.

Implementation

• Added onPaste handler to <textarea> in Draft.tsx
• Intercepts ClipboardEvent, extracts File from clipboardData.items
• Delegates to existing onFileSelected() for validation, resize, and state management
• Prevents default paste behavior for images to avoid data URL insertion

const handlePaste = useCallback(
  async (event: React.ClipboardEvent<HTMLTextAreaElement>) => {
    const items = event.clipboardData?.items;
    for (let i = 0; i < items.length; i++) {
      if (items[i].type.startsWith("image/")) {
        event.preventDefault();
        const file = items[i].getAsFile();
        if (file) await onFileSelected(file);
        break;
      }
    }
  },
  [onFileSelected]
);

Screenshot

Pasted image successfully attached with Pixel It! button:

Original prompt

---

This section details on the original issue you should resolve

<issue_title>allow to paste image from clipboard</issue_title>
<issue_description>currently only way to attach image is by using the gallery/image button, it is needed to support attaching image by pasting image from clipboard </issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes allow to paste image from clipboard #26

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.