Improve video controls display for mobile users

Adjust touch overlay on mobile devices to only appear on the edges of the video player, ensuring better visibility and interaction with video controls in `client/src/pages/VideoPage.tsx`.

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/zJYuV6w

client/src/pages/VideoPage.tsx

@@ -441,9 +441,19 @@ export default function VideoPage() {
                   </Button>
                 </>
               )}
-              {/* Touch overlay for mobile swipe detection */}
+              {/* Touch overlay for mobile swipe detection - positioned on edges only */}
               <div 
-                className="absolute inset-0 w-full h-full z-10 md:hidden"
+                className="absolute left-0 top-0 w-16 h-full z-10 md:hidden"
+                onTouchStart={handleTouchStart}
+                onTouchMove={handleTouchMove}
+                onTouchEnd={handleTouchEnd}
+                style={{ 
+                  pointerEvents: 'auto',
+                  touchAction: 'none'
+                }}
+              />
+              <div 
+                className="absolute right-0 top-0 w-16 h-full z-10 md:hidden"
                 onTouchStart={handleTouchStart}
                 onTouchMove={handleTouchMove}
                 onTouchEnd={handleTouchEnd}