Refactor bumper template background management: rename background upload endpoint to reflect new functionality, update related command and handler to use image ID instead of extension, and adjust data models to support image references. Remove obsolete background handling code and enhance UI components for improved image selection and display.

frontend/src/features/streaming/AirPage.tsx

@@ -7,7 +7,7 @@ import { cn } from '@/shared/lib/cn'
 import { Badge } from '@/shared/ui/badge'
 import { Button } from '@/shared/ui/button'
 import { ChannelPlayer } from './ChannelPlayer'
-import { episodeStillUrl, getEpg, imageUrl, listChannels, watchChannel } from './api'
+import { getEpg, imageUrl, listChannels, watchChannel } from './api'
 
 function formatTime(iso: string) {
   return new Date(iso).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
@@ -138,9 +138,9 @@ export function AirPage() {
           <div className="flex flex-col gap-3">
             {current && (
               <div className="crt-panel flex gap-3 rounded-md p-3">
-                {currentEntry?.episodeHasStill && currentEntry.episodeId ? (
+                {currentEntry?.episodeStillImageId ? (
                   <img
-                    src={episodeStillUrl(currentEntry.episodeId)}
+                    src={imageUrl(currentEntry.episodeStillImageId)}
                     alt=""
                     className="hidden h-24 w-40 shrink-0 rounded object-cover sm:block"
                   />