feat: add command and event listener sharing using json flow

[lemoncubedev]

This adds sharing of commands and event listeners between bots. Exporting is done through a button within the dropdown menu on each command and event listener. A popup will appear with the command or event listener's json flow, which can be copied. Importing is done through a button directly next to create command/event listener. A popup will appear where the json flow is pasted. The command or event listener is then imported using the useCommandsImportMutation mutation and useEventListenersImportMutation mutation.

[vercel]

@lemoncubedev is attempting to deploy a commit to the merlinfuchs' projects Team on Vercel.

A member of the Team first needs to authorize it.

[8of4]

hi, cool features, i know youve been working on it for a while!

i did notice something ux/ui related (correct me if im wrong);

• theres a mismatch between the "Copy" and "Paste" screens.
  • exporting uses a multi-line <Textarea> (CommandExportDialog.tsx lines 71-75, EventListenerExportDialog.tsx lines 74-78), but importing uses a standard single-line field (CommandImportDialog.tsx lines 127-131, EventListenerImportDialog.tsx lines 128-132), making multi-line a little difficult.

[lemoncubedev]

• exporting uses a multi-line <Textarea> (CommandExportDialog.tsx lines 71-75, EventListenerExportDialog.tsx lines 74-78), but importing uses a standard single-line field (CommandImportDialog.tsx lines 127-131, EventListenerImportDialog.tsx lines 128-132), making multi-line a little difficult.

I decided to use the single-line field for importing because users don't need to be looking at the json when they are just pasting and clicking import. When they are exporting, they might need to drag to highlight the entire json if they are having trouble with copying to clipboard.

[8of4]

oh ok, i see where youre coming from now. just thought id let you know incase you didnt notice
👍🏻