refactor(video): extract buildNativeVideoUrl to reusable utility (DRY)

src/components/ContentPanel.tsx

@@ -31,6 +31,7 @@ import {
 import AuthorCard from './AuthorCard'
 import { faBooks } from '../icons/customIcons'
 import { classifyUrl } from '../utils/helpers'
+import { buildNativeVideoUrl } from '../utils/videoHelpers'
 
 interface ContentPanelProps {
   loading: boolean
@@ -204,34 +205,6 @@ const ContentPanel: React.FC<ContentPanelProps> = ({
   }
   
   // Video actions
-  const buildNativeVideoUrl = (url: string): string | null => {
-    try {
-      const u = new URL(url)
-      const host = u.hostname
-      if (host.includes('youtube.com')) {
-        const id = u.searchParams.get('v')
-        return id ? `youtube://watch?v=${id}` : `youtube://${u.pathname}${u.search}`
-      }
-      if (host === 'youtu.be') {
-        const id = u.pathname.replace('/', '')
-        return id ? `youtube://watch?v=${id}` : 'youtube://'
-      }
-      if (host.includes('vimeo.com')) {
-        const id = u.pathname.split('/').filter(Boolean)[0]
-        return id ? `vimeo://app.vimeo.com/videos/${id}` : 'vimeo://'
-      }
-      if (host.includes('dailymotion.com') || host === 'dai.ly') {
-        // dailymotion.com/video/<id> or dai.ly/<id>
-        const parts = u.pathname.split('/').filter(Boolean)
-        const id = host === 'dai.ly' ? parts[0] : (parts[1] || '')
-        return id ? `dailymotion://video/${id}` : 'dailymotion://'
-      }
-      return null
-    } catch {
-      return null
-    }
-  }
-
   const handleOpenVideoExternal = () => {
     if (selectedUrl) window.open(selectedUrl, '_blank', 'noopener,noreferrer')
     setShowVideoMenu(false)