Change cursor when dragging grid event

[tyler-dane]

Current Behavior

When clicking and dragging an event on the grid the cursor changes from default to grab.

current.mov

Notice how the cursor changes when it gets close to the event borders.

Expected Behavior

The cursor behavior mimics Google Calendar's implementation

gcal.mov

Acceptance Criteria

• When hovering over an event, the cursor changes from default to pointer.
• When mousing down an event and immediately dragging it, the cursor changes from pointer to move
• When clicking an event and holding the cursor in the same position for ~1 second, the cursor changes from pointer to move. (Doesn't have to be exactly 1 second - experiment with what feels right.)
• Works for existing grid events
• Works for draft grid events (when the event hasn't been saved to the DB yet)

Use-Case

This will improve the dragging UX, a very common task for users. By having a consistent drag experience that subtly suggests what to do next, they will reschedule their event quicker and will be more likely to use the app.

Resources

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

[MrPand-21]

I can do that in a week,

Are we trying to change the cursor from grabbing icon to that of google calendar or preventing cursor to change.

[tyler-dane]

Hey @MrPand-21, thanks for volunteering and providing a time estimate for when it'll be done! I set the end date to be February 2 so we can track that in the project.

I also added a few more details to the issue. LMK if it's still unclear.

[MrPand-21]

I am done with the issue yet I don't know how to redirect the pr to here, I opened a new issue I guess :)

[tyler-dane]

@MrPand-21 I assigned this to myself for a few reasons

1. This is a timely issue that needs to get done this quarter, and we've gone well over the initial time budget
2. The outstanding issues I mentioned in the comments of styled draft & event cursor on movements #239
3. The solution to this issue impacts what I'm working on in Creating a new sidebar event causes the order to change #199

I appreciate you being willing to help. I'd be happy to work with you on an issue for Q2, which I hope will allow us to be more flexible with the timing as you get more familiar with the codebase.