Add support for displaying video advertisement metadata

Integrate Bunny.net API to fetch and display video ad spots, including type, duration, and priority, on the video page. Define new database schema for video ads and create API endpoints for retrieving ad information.

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

client/src/pages/VideoPage.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useRoute } from "wouter";
 import { type Video } from "@shared/schema";
+import VideoAds from "@/components/video-ads";
 import go4LogoPath from "@assets/go4_1756394900352.png";
 // Helper functions
 const formatViews = (views: number): string => {
@@ -319,6 +320,11 @@ export default function VideoPage() {
                   <p className="text-sm leading-relaxed">{currentVideo.description}</p>
                 </div>
               )}
+              
+              {/* Video ads metadata section */}
+              <div className="mt-6 pt-4 border-t border-gray-600">
+                <VideoAds videoId={currentVideo.id} />
+              </div>
             </div>
           </div>