desktop: zoom delete bug fix + mouse and drag (#1213)

* Update ZoomTrack.tsx

* delete some comments

* Update ZoomTrack.tsx

* restructure zoom track to not require extra state and effects (#1220)

* biome

---------

Co-authored-by: Brendan Allan <brendonovich@outlook.com>

Author: ameer2468

apps/desktop/src/routes/editor/Timeline/ClipTrack.tsx

@@ -176,7 +176,6 @@ export function ClipTrack(
 		totalDuration,
 		micWaveforms,
 		systemAudioWaveforms,
-		metaQuery,
 	} = useEditorContext();
 
 	const { secsPerPixel, duration } = useTimelineContext();
@@ -198,7 +197,11 @@ export function ClipTrack(
 	const split = () => editorState.timeline.interactMode === "split";
 
 	return (
-		<TrackRoot ref={props.ref}>
+		<TrackRoot
+			ref={props.ref}
+			onMouseEnter={() => setEditorState("timeline", "hoveredTrack", "clip")}
+			onMouseLeave={() => setEditorState("timeline", "hoveredTrack", null)}
+		>
 			<For each={segments()}>
 				{(segment, i) => {
 					const prevDuration = () =>

apps/desktop/src/routes/editor/Timeline/SceneTrack.tsx

@@ -77,6 +77,7 @@ export function SceneTrack(props: {
 
 	return (
 		<TrackRoot
+			onMouseEnter={() => setEditorState("timeline", "hoveredTrack", "scene")}
 			onMouseMove={(e) => {
 				if (hoveringSegment()) {
 					setHoveredTime(undefined);
@@ -144,6 +145,7 @@ export function SceneTrack(props: {
 			onMouseLeave={() => {
 				setHoveredTime();
 				setMaxAvailableDuration(3);
+				setEditorState("timeline", "hoveredTrack", null);
 			}}
 			onMouseDown={(e) => {
 				createRoot((dispose) => {