fix: only title/time area of event card was clickable

The onClick handler was on .dragContent, which only wraps the title,
time and location text. The rest of the card (padding, empty space
below the text, and the area around the resize handle) had no click
handler, so clicks in those areas did nothing — only the title/time
text was clickable.

Move onClick to the outer .card div so the entire card area is
clickable. handleClick already suppresses the click when an actual
resize or drag occurred, so this doesn't interfere with those
interactions. Drag listeners stay on .dragContent so dragging still
initiates from the content area only.

Author: Ivan-Malinovski

src/features/calendar/components/EventCard.tsx

@@ -267,6 +267,7 @@ export const EventCard = React.memo(function EventCard({
         {...(isFragmentLast ? { 'data-fragment-last': '' } : {})}
         className={`${styles.card} ${compact ? styles.compact : ''} ${isCurrentDragging || isDragging ? styles.dragging : ''} ${isResizing ? styles.resizing : ''} ${hideTopRadius ? styles.noTopRadius : ''} ${isTask ? styles.task : ''} ${event.completed ? styles.completed : ''} ${event.completed ? styles.isDone : ''} ${isMobileMonth ? styles.mobileMonth : ''} ${monthView ? styles.monthView : ''} ${transparent ? styles.transparent : ''} ${isMultiDay ? styles.multiDay : ''} ${isFragmentMiddle ? styles.fragmentMiddle : ''} ${isFragmentFirst ? styles.fragmentFirst : ''} ${isFragmentLast ? styles.fragmentLast : ''} ${dotMode ? styles.dot : ''}`}
         onContextMenu={handleContextMenu}
+        onClick={handleClick}
         {...bind}
       >
         {event.syncStatus === 'failed' && (
@@ -306,7 +307,6 @@ export const EventCard = React.memo(function EventCard({
         {isTask ? (
           <div
             className={styles.dragContent}
-            onClick={handleClick}
             onPointerDown={(e) => {
               e.stopPropagation()
               pointerStartPos.current = { x: e.clientX, y: e.clientY }
@@ -330,7 +330,6 @@ export const EventCard = React.memo(function EventCard({
           <>
             <div
               className={styles.dragContent}
-              onClick={handleClick}
               onPointerDown={(e) => {
                 e.stopPropagation()
                 pointerStartPos.current = { x: e.clientX, y: e.clientY }