fix: resolve TypeScript strict mode errors breaking Docker build

Author: helliott-redactbox

client/package.json

@@ -13,10 +13,12 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.90.19",
+    "@tanstack/react-virtual": "^3.13.23",
     "axios": "^1.13.2",
     "clsx": "^2.1.1",
     "concurrently": "^9.2.1",
     "date-fns": "^4.1.0",
+    "framer-motion": "^12.38.0",
     "lucide-react": "^0.562.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

client/src/components/Library/MediaCard.tsx

@@ -17,7 +17,7 @@ interface MediaCardProps {
   onToggleSelect?: (shiftKey?: boolean) => void;
 }
 
-export default React.memo(function MediaCard({ item, onRefetch, index = 0, isMenuOpen, onMenuToggle, onMenuClose, isSelected, onToggleSelect }: MediaCardProps) {
+export default React.memo(function MediaCard({ item, onRefetch, index: _index = 0, isMenuOpen, onMenuToggle, onMenuClose, isSelected, onToggleSelect }: MediaCardProps) {
   const navigate = useNavigate();
   const [imageLoaded, setImageLoaded] = useState(false);
   const [showDeletionModal, setShowDeletionModal] = useState(false);

client/src/components/Library/MediaItemDetail.tsx

@@ -56,6 +56,7 @@ interface RawMediaItem {
   created_at?: string;
   status: string;
   is_protected?: boolean | number;
+  protected_by_collection?: { id: number; title: string } | null;
   protection_reason?: string;
   resolution?: string;
   codec?: string;

client/src/components/Rules/ConditionEditor.tsx

@@ -10,7 +10,6 @@ import {
   Star,
   Eye,
   Tag,
-  RefreshCw,
 } from 'lucide-react';
 import { Button } from '@/components/common/Button';
 import { collectionsApi, usersApi } from '@/services/api';