feat: Hackday: make beam modals draggable

[bsholmes]

using a custom selector using ids so that only the header is draggable which prevents issues when using input elements in the modal.

Lots of extraneous changes from linting

[stephenh]

Seems good to me! @bdow any concerns about pulling in react-draggable?

(Not saying we should re-implement the dragging natively, for sure we should use a package, but also just balancing "is dragging must have ask from UX atm?" vs. "yet another dependency in package.json".)

[bdow]

Seems good to me! @bdow any concerns about pulling in react-draggable?

I don't really have any concerns about react-draggable. I do see that react-aria has a (useDrag)[https://react-spectrum.adobe.com/react-aria/useDrag.html] hook, though I don't know much about it. Not sure if we could just use that? Maybe that's not enough right out of the box.

[bdow]

@bsholmes - did you get sign off from the Design team about this? I would like to get their feedback around the UX of this. Right now, there is no indication that this can be dragged, whether that is by having an explicit "drag handle", or changing the cursor to look like it can grab and is grabbing while dragging. Could be worth providing some user feedback.

[bsholmes]

@bsholmes - did you get sign off from the Design team about this? I would like to get their feedback around the UX of this. Right now, there is no indication that this can be dragged, whether that is by having an explicit "drag handle", or changing the cursor to look like it can grab and is grabbing while dragging. Could be worth providing some user feedback.

I did not, I'm not sure this is functionality we should even have but I thought creating a PR would at least get some discussion going. I did try a drag handle design and decided against it since it was a design change and I wasn't sure about it. I like the cursor change idea. Will get some design feedback before proceeding.

[bdow]

@bsholmes - I noticed that there are 3 different elements with the id="draggable" on them. It doesn't appear to be causing issues with the react-draggable library, but we should not have duplicate id properties within the DOM.