Respect motion only when playing back (#10632)

* Respect motion only when playing back motion

* Increase efficiency

* Fix import

web/src/components/overlay/TimelineDataOverlay.tsx

@@ -1,3 +1,4 @@
+import { Timeline } from "@/types/timeline";
 import { useState } from "react";
 
 type TimelineEventOverlayProps = {

web/src/components/player/LivePlayer.tsx

@@ -6,7 +6,7 @@ import { useEffect, useMemo, useState } from "react";
 import MSEPlayer from "./MsePlayer";
 import JSMpegPlayer from "./JSMpegPlayer";
 import { MdCircle } from "react-icons/md";
-import useCameraActivity from "@/hooks/use-camera-activity";
+import { useCameraActivity } from "@/hooks/use-camera-activity";
 import { useRecordingsState } from "@/api/ws";
 import { LivePlayerMode } from "@/types/live";
 import useCameraLiveMode from "@/hooks/use-camera-live-mode";

web/src/components/player/dynamic/DynamicVideoController.ts

@@ -1,6 +1,7 @@
 import { Recording } from "@/types/record";
 import { DynamicPlayback } from "@/types/playback";
 import { PreviewController } from "../PreviewPlayer";
+import { Timeline } from "@/types/timeline";
 
 type PlayerMode = "playback" | "scrubbing";
 

web/src/components/player/dynamic/DynamicVideoPlayer.tsx

@@ -8,6 +8,7 @@ import { Preview } from "@/types/preview";
 import PreviewPlayer, { PreviewController } from "../PreviewPlayer";
 import { DynamicVideoController } from "./DynamicVideoController";
 import HlsVideoPlayer from "../HlsVideoPlayer";
+import { Timeline } from "@/types/timeline";
 
 /**
  * Dynamically switches between video playback and scrubbing preview player.