Implement VideoSelectDialog component for Hero Carousel

Overview

Create the VideoSelectDialog component for the Hero Carousel feature. This component allows users to select videos from the channel to associate with a hero slide.

Requirements

• Show videos from the current channel in a list layout with thumbnails
• Enable searching/filtering videos by title
• Allow selecting a single video to associate with the slide
• Display video duration and title
• Close dialog after selection or cancel

Component Location

/src/apps/admin-app/src/routes/(app)/(studio)/channel/[channelId]/(private)/setup/ChannelHeroSetup/VideoSelectDialog.svelte

Technical Specifications

• Use ItemTile components for video display
• Handle pagination if there are many videos
• Integrate with existing channel video fetching APIs
• Emit events for selection and cancellation
• Use the Dialog component from our shared components

Acceptance Criteria

• Dialog opens when triggered from HeroSlideSettings
• Videos from the channel are displayed with thumbnails and titles
• Searching by title works correctly
• Selecting a video closes the dialog and returns the selection
• Cancel button closes the dialog without selection
• Loading states are handled properly
• Empty state is shown when no videos are found