Embed clips in admin review

frontend/src/components/admin/useAdminClipManager.ts

@@ -1,6 +1,7 @@
 import { computed, reactive, ref, watch } from 'vue'
 import { CheckCircle2, Film, Layers3, PlayCircle } from '@lucide/vue'
 
+import { buildClipEmbed, type ClipEmbed } from '../../lib/clipEmbeds'
 import { useAwardsStore } from '../../stores/awards'
 import type { AdminClipSubmissionItem } from '../../types/awards'
 
@@ -37,6 +38,9 @@ export function useAdminClipManager() {
       (!search || [clip.title, clip.creator, clip.platform, clip.submittedByTwitchId, clip.clipUrl].join(' ').toLowerCase().includes(search)),
     )
   })
+  const clipEmbeds = computed<Record<number, ClipEmbed | null>>(() =>
+    Object.fromEntries(submissions.value.map((clip) => [clip.id, buildClipEmbed(clip.clipUrl)])),
+  )
   const duplicateUrls = computed(() => {
     const counts = new Map<string, number>()
     for (const clip of submissions.value) {
@@ -150,6 +154,7 @@ export function useAdminClipManager() {
     submissions,
     categoryName,
     clips,
+    clipEmbeds,
     stats,
     statusFilters,
     platformFilters,