Improve video loading and social media sharing functionality

Fixes video loading errors by increasing retries and improving error handling in `VideoPage.tsx`. Updates social media prerendering in `server/index.ts` to correctly handle both short and full video IDs, ensuring proper metadata display for shared links.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG

client/src/pages/VideoPage.tsx

@@ -63,10 +63,18 @@ export default function VideoPage() {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
 
   // Fetch current video
-  const { data: currentVideo, isLoading: videoLoading } = useQuery<Video>({
+  const { data: currentVideo, isLoading: videoLoading, error: videoError } = useQuery<Video>({
     queryKey: [`/api/videos/${videoId}`],
-    queryFn: () => fetch(`/api/videos/${videoId}`).then(res => res.json()),
+    queryFn: async () => {
+      const response = await fetch(`/api/videos/${videoId}`);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch video: ${response.status}`);
+      }
+      return response.json();
+    },
     enabled: !!videoId,
+    retry: 3,
+    retryDelay: 1000,
   });
 
   // Fetch recommended videos (excluding current video)