Improve video navigation by using state for smoother transitions

Update VideoPage component to use setLocation for navigation, replacing direct window.location.href assignment for smoother client-side routing.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc

client/src/pages/VideoPage.tsx

@@ -526,7 +526,7 @@ export default function VideoPage() {
               {recommendedVideos.slice(0, 10).map((video) => (
                 <div
                   key={video.id}
-                  onClick={() => window.location.href = `/video/${video.id}`}
+                  onClick={() => setLocation(`/video/${video.id}`)}
                   className="flex gap-3 p-2 bg-bunny-gray/30 hover:bg-bunny-gray/50 rounded-lg cursor-pointer transition-colors"
                 >
                   <div className="relative w-24 h-16 bg-gray-700 rounded overflow-hidden flex-shrink-0">