feat: Introduce pauseAfterSeek option to the video player, refresh landing page content and animations, and update the dashboard image.

components/video-page/comments-pane.tsx

@@ -34,7 +34,11 @@ interface CommentsPaneProps {
   handleExportComments: (format: 'csv' | 'pdf') => void;
   canResolveComments: boolean;
   handleResolveComment: (commentId: string, currentlyResolved: boolean) => void;
-  handleSeekToTimestamp: (timestamp: number, annotation?: string | null) => void;
+  handleSeekToTimestamp: (
+    timestamp: number,
+    annotation?: string | null,
+    options?: { pauseAfterSeek?: boolean }
+  ) => void;
   currentUserId: string | null;
   projectOwnerId: string;
   editingCommentId: string | null;
@@ -294,7 +298,7 @@ export const CommentsPane = memo(function CommentsPane({
 
                     <div className="flex items-center gap-1 shrink-0">
                       <button
-                        onClick={() => handleSeekToTimestamp(comment.timestamp, comment.annotationData)}
+                        onClick={() => handleSeekToTimestamp(comment.timestamp, comment.annotationData, { pauseAfterSeek: true })}
                         className="flex items-center gap-1 text-xs text-primary hover:underline px-1.5 py-0.5 rounded bg-primary/10 hover:bg-primary/20 transition-colors"
                         title="Jump to this timestamp"
                       >

components/video-page/hooks/use-video-player.ts

@@ -740,7 +740,11 @@ export function useVideoPlayer({
     }
   }, [isPlaying, playerRef]);
 
-  const handleSeekToTimestamp = useCallback((timestamp: number, annotation?: string | null) => {
+  const handleSeekToTimestamp = useCallback((
+    timestamp: number,
+    annotation?: string | null,
+    options?: { pauseAfterSeek?: boolean }
+  ) => {
     setCurrentTime(timestamp);
     if (playerRef.current?.seekTo) {
       const playerState = playerRef.current.getPlayerState?.();
@@ -751,7 +755,9 @@ export function useVideoPlayer({
         : isPlaying;
 
       playerRef.current.seekTo(timestamp, true);
-      if (wasPlayingBeforeSeek) {
+      if (options?.pauseAfterSeek) {
+        playerRef.current.pauseVideo();
+      } else if (wasPlayingBeforeSeek) {
         playerRef.current.playVideo();
       } else {
         playerRef.current.pauseVideo();