Enable Github like image Paste in Ticket Editor Component

[tobi-bams]

Context

We want to enable pasting images directly into the ticket component.

Design

1. The ticket component should include a Preview button to display the description as markdown.
2. When in edit mode, use the TicketTextArea component.
3. When in preview mode, use the renderMarkdown function found in this file.
4. In the TicketTextArea component, listen for the onPaste event and handle it as follows:
   • Check whether the pasted content is an image or plain text.
   • If it's text, allow the default behavior of appending the text to the description.
   • If it's an image, immediately append a placeholder in the description using the format:

     ![Uploading unique-uuid-filename…]()  
     

     • Ensure that each placeholder has a unique identifier (e.g., a UUID) to handle multiple simultaneous uploads.
   • Upload the image through the public_pic endpoint (which stores it in the Meme Server). For reference, see a sample upload here.
   • v. If the upload is successful, replace the placeholder with the final markdown:

     ![image](image_url_from_response)  
     

   • vi. If the upload fails, update the placeholder to indicate failure:

     ![Failed to upload unique-uuid-filename…]()  
     

[jordan-ae]

I'm available

[jordan-ae]

I'm available

[humansinstitute]

@jordan-ae

[BUG] - please update a new PR to switch edit and preview labels on the button in the ticket editor.

E.g. this should say "Preview" as this will load the preview.

E.g. this should say "edit" as this will exit preview and allow edits.

[jordan-ae]

@humansinstitute I've opened a PR to fix this. I added a switcher component. There's a demo on the PR. Hope it matches the UX we are aiming for

[humansinstitute]

Looks good. just merged