Add media and channel management routes: introduce new routes for admin channels, media, and shows in the routing structure. Update navigation in the admin layout to include links for these new sections. Enhance type definitions for media assets and shows in the API types. Integrate HLS.js for improved streaming support.

frontend/src/routes/admin.tsx

@@ -14,7 +14,28 @@ function AdminLayout() {
   return (
     <div className="flex flex-col gap-6">
       <h1 className="crt-glow text-2xl font-bold">{t('nav.admin')}</h1>
-      <nav className="flex gap-4 border-b border-border text-sm">
+      <nav className="flex flex-wrap gap-4 border-b border-border text-sm">
+        <Link
+          to="/admin/media"
+          className={cn('pb-2 uppercase tracking-wide text-muted-foreground hover:text-foreground')}
+          activeProps={{ className: 'border-b-2 border-primary text-primary' }}
+        >
+          {t('admin.media.title')}
+        </Link>
+        <Link
+          to="/admin/shows"
+          className={cn('pb-2 uppercase tracking-wide text-muted-foreground hover:text-foreground')}
+          activeProps={{ className: 'border-b-2 border-primary text-primary' }}
+        >
+          {t('admin.shows.title')}
+        </Link>
+        <Link
+          to="/admin/channels"
+          className={cn('pb-2 uppercase tracking-wide text-muted-foreground hover:text-foreground')}
+          activeProps={{ className: 'border-b-2 border-primary text-primary' }}
+        >
+          {t('admin.channels.title')}
+        </Link>
         <Link
           to="/admin/roles"
           className={cn('pb-2 uppercase tracking-wide text-muted-foreground hover:text-foreground')}