Improve video playback by integrating HLS.js for adaptive streaming

Replace the iframe embed with a video player utilizing HLS.js for adaptive streaming and update the hls.js dependency to version 1.6.11.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/52uJ2fJ

package.json

@@ -69,7 +69,7 @@
     "express-session": "^1.18.2",
     "framer-motion": "^11.13.1",
     "google-auth-library": "^10.2.1",
-    "hls.js": "^1.6.7",
+    "hls.js": "^1.6.11",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.453.0",
     "memoizee": "^0.4.17",