fix: event time label cutoff

[tyler-dane]

Closes #918

---

Note

Medium Risk
UI refactor replaces styled-components event styling with inline/CSS-variable styles and new hover/drag/pending behaviors, which could cause visual or interaction regressions in the calendar. Logic change hides time labels for short events, affecting rendering expectations.

Overview
Fixes calendar event time-label cutoff by suppressing the time label when an event’s rendered height is below MIN_EVENT_HEIGHT_FOR_TIME_LABEL.

Refactors GridEvent and AllDayEvent to drop styled-components (components/Event/styled.ts removed) in favor of inline styles + utility classes, reimplementing priority-based colors, hover states, cursor behavior, past/draft visual treatment, and resize-handle hit areas using CSS variables and computed CSSProperties.

^{Reviewed by Cursor Bugbot for commit d5a6580. Bugbot is set up for automated code reviews on this repo. Configure here.}

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{Bugbot Autofix is ON, but it could not run because the branch was deleted or merged before autofix could start.}

^{Reviewed by Cursor Bugbot for commit d5a6580. Configure here.}

[cursor]

AllDayEvent lost text truncation and ellipsis styles

Medium Severity

The old StyledEvent component applied text truncation styles (display: -webkit-box, overflow: hidden, text-overflow: ellipsis, word-break: break-all, -webkit-box-orient: vertical, -webkit-line-clamp: 1) to the title span via its & span:first-child CSS rule. In GridEvent.tsx, these were correctly migrated into the titleStyle object. However, in AllDayEvent.tsx, no equivalent title styles were added. Long all-day event titles will now wrap and get hard-clipped by the parent's overflow-hidden instead of showing a clean single-line ellipsis.

 

^{Reviewed by Cursor Bugbot for commit d5a6580. Configure here.}