refactor(timeline): fixed ux for creating time blocks over existing ones on the timeline

app/src/plugins/tm@modal/task/_components/employees/a-employee-timeblock-timeline.vue

@@ -17,10 +17,7 @@
           :hour-width="hourWidth"
         />
 
-        <div
+        <div ref="timelineBar" class="timeline-bar">
-          ref="timelineBar"
-          class="timeline-bar"
-        >
           <!-- Non-working hours - before work -->
           <div
             class="non-working-hours"
@@ -431,14 +428,13 @@ const handleMouseMove = (event: MouseEvent) => {
 
   // Update cursor style based on work hours
   if (timelineScroll.value) {
-    timelineScroll.value.style.cursor = isInWorkHours ? 'crosshair' : 'not-allowed';
+    timelineScroll.value.style.cursor = isInWorkHours
+      ? 'crosshair'
+      : 'not-allowed';
   }
 
-  // Don't show preview if over existing block (using relative position)
+  // Allow preview to show even over existing blocks
-  if (isOverExistingBlock(x)) {
+  // This allows creating conflicting timeblocks
-    showPreview.value = false;
-    return;
-  }
 
   // Convert to time and snap
   const snappedStart = snappedTime;
@@ -493,24 +489,16 @@ const handleTimelineMouseDown = (event: MouseEvent) => {
   // Get the target element
   const target = event.target as HTMLElement;
 
-  // Don't interfere with resize handles on current timeblock
+  // Only allow resize handles to work - don't interfere with them
   if (target.classList.contains('resize-handle')) {
     return;
   }
 
-  // Check if clicking on current timeblock (allow resize handles to work)
+  // Allow clicking anywhere else, including over the current timeblock,
-  if (target.closest('.current-timeblock')) {
+  // to create/redraw the block at the cursor position
-    return;
-  }
 
-  const rect = timelineScroll.value.getBoundingClientRect();
+  // Allow creating blocks even over existing blocks (scheduled or other timeblocks)
-  const scrollLeft = timelineScroll.value.scrollLeft;
+  // This enables creating conflicting timeblocks
-  const x = event.clientX - rect.left + scrollLeft;
-
-  // Don't start creating if over existing block
-  if (isOverExistingBlock(x)) {
-    return;
-  }
 
   // Check if cursor is in work hours (cursor line must be visible)
   if (!showCursor.value || !showPreview.value || !previewBlock.value) {