Remove unnecessary UI elements from the live streaming page

Refactors the LivePage component by removing custom overlay UI elements and adjusting type casting for videos data.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/C0gokXi

.replit

@@ -23,6 +23,10 @@ externalPort = 3001
 localPort = 35637
 externalPort = 3000
 
+[[ports]]
+localPort = 45701
+externalPort = 3002
+
 [env]
 PORT = "5000"
 

client/src/pages/LivePage.tsx

@@ -33,7 +33,7 @@ export default function LivePage() {
     staleTime: 5 * 60 * 1000, // 5 minutes
   });
   
-  const videos = (videosData && Array.isArray(videosData.videos)) ? videosData.videos : [];
+  const videos = (videosData && Array.isArray((videosData as any).videos)) ? (videosData as any).videos : [];
 
   useEffect(() => {
     // Set page meta tags
@@ -452,52 +452,6 @@ export default function LivePage() {
                   crossOrigin="anonymous"
                 />
                 
-                {/* Live Overlay */}
-                <div className="absolute top-4 left-4 z-10">
-                  <div className="flex items-center space-x-2 bg-red-600/90 text-white px-3 py-1 rounded-full text-sm font-semibold">
-                    <div className="w-2 h-2 bg-white rounded-full animate-pulse"></div>
-                    <span>LIVE</span>
-                  </div>
-                </div>
-
-                {/* Custom Controls Overlay */}
-                <div className="absolute bottom-4 left-4 right-4 flex items-center justify-between z-10 bg-black/50 rounded-lg p-3">
-                  <div className="flex items-center space-x-3">
-                    <Button
-                      variant="ghost"
-                      size="sm"
-                      onClick={togglePlayPause}
-                      className="text-white hover:bg-white/20"
-                      data-testid="button-play-pause"
-                    >
-                      {isPlaying ? '⏸️' : '▶️'}
-                    </Button>
-                    
-                    <Button
-                      variant="ghost"
-                      size="sm"
-                      onClick={toggleMute}
-                      className="text-white hover:bg-white/20"
-                      data-testid="button-mute"
-                    >
-                      {isMuted ? <VolumeX className="w-4 h-4" /> : <Volume2 className="w-4 h-4" />}
-                    </Button>
-
-                    <span className="text-white text-sm">
-                      Live Stream - CH4
-                    </span>
-                  </div>
-
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    onClick={toggleFullscreen}
-                    className="text-white hover:bg-white/20"
-                    data-testid="button-fullscreen"
-                  >
-                    <Maximize className="w-4 h-4" />
-                  </Button>
-                </div>
               </div>
             </div>