type detail and shared ui

src/components/detail/DetailHero.tsx

@@ -277,7 +277,7 @@ export default function DetailHero({
               <RequestButton
                 tmdbId={Number(tmdbId)}
                 kind={item.Type === 'Movie' ? 'movie' : 'tv'}
-                tmdbData={tmdbData as any}
+                tmdbData={tmdbData}
               />
             )}
 
@@ -337,7 +337,7 @@ export default function DetailHero({
             tmdbId={tmdbId}
             type={itemType === 'Series' ? 'tv' : 'movie'}
             ids={tmdbData?.external_ids}
-            jellyfinExternalUrls={item.ExternalUrls as any}
+            jellyfinExternalUrls={item.ExternalUrls}
           />
 
           {progress != null && progress > 0 && (

src/components/detail/DetailMainSections.tsx

@@ -206,14 +206,14 @@ export default function DetailMainSections({
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-10">
             {cast.length > 0 && (
               <Section label="Cast" id="detail-cast">
-                <CastList cast={cast as any[]} fallbackPeople={item.People} />
+                <CastList cast={cast} fallbackPeople={item.People} />
               </Section>
             )}
             {crew.length > 0 && (
               <Section label="Crew">
-                <CrewGrid crew={crew as any[]} />
+                <CrewGrid crew={crew} />
                 <div className="mt-3">
-                  <ComposerBlock crew={crew as any[]} />
+                  <ComposerBlock crew={crew} />
                 </div>
               </Section>
             )}

src/components/detail/VersionsSelector.tsx

@@ -10,7 +10,7 @@ interface Props {
 }
 
 export default function VersionsSelector({ item, selectedSourceId, onChange }: Props) {
-  const sources = (item.MediaSources || []) as any[]
+  const sources = item.MediaSources || []
   if (sources.length <= 1) return null
 
   return (

src/components/request/RequestModal.tsx

@@ -164,7 +164,7 @@ export default function RequestModal({ open, onClose, tmdbId, kind, tmdbData }:
           monitored,
           searchOnAdd,
           title: match.title,
-          titleSlug: (match as any).titleSlug || '',
+          titleSlug: match.titleSlug || '',
           year: match.year || 0,
           images: match.images,
           minimumAvailability: 'released',
@@ -195,7 +195,7 @@ export default function RequestModal({ open, onClose, tmdbId, kind, tmdbData }:
           monitored,
           searchOnAdd,
           title: match.title,
-          titleSlug: (match as any).titleSlug || '',
+          titleSlug: match.titleSlug || '',
           year: match.year || 0,
           images: match.images,
           seasons,

src/components/ui/ContentRow.tsx

@@ -273,7 +273,7 @@ function ListRowCard({ item, index }: { item: BaseItemDto; index: number }) {
   const thumb =
     getBestImage(serverUrl, item, 'thumb', 240) ||
     getBestImage(serverUrl, item, 'primary', 200) ||
-    (item as any)._tmdbPoster ||
+    item._tmdbPoster ||
     null
   const subtitle = [
     item.ProductionYear,

src/components/ui/LetterboxdListRow.tsx

@@ -113,7 +113,7 @@ function Mounted({ saved }: Props) {
   }
   if (items.length === 0) return null
 
-  const matched = items.filter(i => (i as any)._inLibrary).length
+  const matched = items.filter(i => i._inLibrary).length
   const subtitle = `${matched} of ${items.length} in your library · from Letterboxd`
 
   return (

src/components/ui/PersonSpotlightRow.tsx

@@ -45,7 +45,7 @@ export default function PersonSpotlightRow({ personId, name, role, profilePath,
         ? (credits.crew || []).filter(c => c.job === 'Director')
         : (credits.cast || [])
             // Drop trivia / archival appearances and ultra-deep cuts.
-            .filter(c => COMMERCIAL_DEPARTMENTS.includes((c as any).department || 'Acting'))
+            .filter(c => COMMERCIAL_DEPARTMENTS.includes(c.department || 'Acting'))
 
     // De-dupe by id (a director may have multiple crew credits on one film
     // when they're also writer; a cast member may appear twice for episodic

src/components/ui/QuickLookModal.tsx

@@ -205,7 +205,7 @@ export default function QuickLookModal() {
                   <RequestButton
                     tmdbId={numericTmdb}
                     kind={item.Type === 'Movie' ? 'movie' : 'tv'}
-                    tmdbData={tmdbData as any}
+                    tmdbData={tmdbData}
                   />
                 )}
               </div>

src/components/ui/SmartShelfWizard.tsx

@@ -92,7 +92,7 @@ export default function SmartShelfWizard({ open, onClose }: Props) {
               <Field label="Type">
                 <Segmented
                   value={draft.type}
-                  onChange={v => setDraft(d => ({ ...d, type: v as any }))}
+                  onChange={v => setDraft(d => ({ ...d, type: v }))}
                   options={[
                     { value: 'any', label: 'Any' },
                     { value: 'movie', label: 'Movies' },
@@ -155,7 +155,7 @@ export default function SmartShelfWizard({ open, onClose }: Props) {
               <Field label="Watched">
                 <Segmented
                   value={draft.watched}
-                  onChange={v => setDraft(d => ({ ...d, watched: v as any }))}
+                  onChange={v => setDraft(d => ({ ...d, watched: v }))}
                   options={[
                     { value: 'any', label: 'Any' },
                     { value: 'unplayed', label: 'Unwatched' },
@@ -185,7 +185,7 @@ export default function SmartShelfWizard({ open, onClose }: Props) {
               <Field label="Sort">
                 <Segmented
                   value={draft.sortBy}
-                  onChange={v => setDraft(d => ({ ...d, sortBy: v as any }))}
+                  onChange={v => setDraft(d => ({ ...d, sortBy: v }))}
                   options={[
                     { value: 'random', label: 'Random' },
                     { value: 'recent', label: 'Recent' },