Update video viewing to navigate directly to video pages

Modify `NetflixGrid` and `VideoGrid` to navigate to individual video pages instead of opening modals. Remove debug logs and styling from `VideoPage` component, and update recommended videos display.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt

client/src/components/netflix-grid.tsx

@@ -20,8 +20,8 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const handleVideoClick = (video: Video) => {
-    setSelectedVideo(video);
-    setIsModalOpen(true);
+    // Navigate to individual video page instead of modal
+    window.location.href = `/video/${video.id}`;
   };
 
   const handleCloseModal = () => {

client/src/components/video-grid.tsx

@@ -18,8 +18,8 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const handleVideoClick = (video: Video) => {
-    setSelectedVideo(video);
-    setIsModalOpen(true);
+    // Navigate to individual video page instead of modal
+    window.location.href = `/video/${video.id}`;
   };
 
   const handleCloseModal = () => {