Implement movie import functionality and enhance media processing

Added new endpoints for matching and importing movies, allowing for automated processing of film files from the inbox. Introduced logic to parse file names into titles and years, and integrated metadata matching to streamline the import process. Updated the MediaOptions to include a configuration for automatic movie creation from recognized files. Enhanced the InboxScanner to attempt movie attachment upon asset registration, improving user experience and efficiency. Updated documentation to reflect these new features and their usage.

frontend/src/features/admin/media/MediaPanel.tsx

@@ -1,7 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { FolderInput, ListPlus, Upload } from 'lucide-react'
+import { Clapperboard, FolderInput, ListPlus, Upload } from 'lucide-react'
 import { qk } from '@/shared/api/query-keys'
 import type { MediaAssetDto, MediaAssetStatus } from '@/shared/api/types'
 import { useApiError } from '@/shared/lib/use-api-error'
@@ -15,6 +15,7 @@ import { SortHeader } from '@/shared/ui/sortable'
 import { deleteMedia, getMediaStats, listMedia } from './api'
 import { formatDuration, splitEta } from './format'
 import { ManualInboxDialog } from './ManualInboxDialog'
+import { MovieImportDialog } from './MovieImportDialog'
 import { UploadToShowDialog } from './UploadToShowDialog'
 import { useUploadStore } from './upload-store'
 
@@ -48,6 +49,7 @@ export function MediaPanel() {
   const { sort, toggle } = useTableSort('created', true)
   const [filesForShow, setFilesForShow] = useState<File[] | null>(null)
   const [manualOpen, setManualOpen] = useState(false)
+  const [moviesOpen, setMoviesOpen] = useState(false)
   const enqueue = useUploadStore((s) => s.enqueue)
 
   const sortColumn = (key: string) => {
@@ -182,6 +184,10 @@ export function MediaPanel() {
               e.target.value = ''
             }}
           />
+          <Button size="sm" variant="outline" onClick={() => setMoviesOpen(true)}>
+            <Clapperboard className="h-4 w-4" />
+            {t('admin.media.moviesButton')}
+          </Button>
           <Button size="sm" variant="outline" onClick={() => setManualOpen(true)}>
             <FolderInput className="h-4 w-4" />
             {t('admin.media.manualButton')}
@@ -202,6 +208,7 @@ export function MediaPanel() {
       )}
 
       {manualOpen && <ManualInboxDialog onClose={() => setManualOpen(false)} />}
+      {moviesOpen && <MovieImportDialog onClose={() => setMoviesOpen(false)} />}
 
       <div className="crt-panel overflow-x-auto rounded-md">
         <table className="w-full text-sm">