Implement Phase 4 optimizations

src/components/moderation/ModerationQueue.tsx

@@ -21,6 +21,7 @@ import { NewItemsAlert } from './NewItemsAlert';
 import { EmptyQueueState } from './EmptyQueueState';
 import { QueuePagination } from './QueuePagination';
 import type { ModerationQueueRef } from '@/types/moderation';
+import type { PhotoItem } from '@/types/photos';
 
 export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
   const isMobile = useIsMobile();
@@ -57,7 +58,7 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
   // UI-only state
   const [notes, setNotes] = useState<Record<string, string>>({});
   const [photoModalOpen, setPhotoModalOpen] = useState(false);
-  const [selectedPhotos, setSelectedPhotos] = useState<any[]>([]);
+  const [selectedPhotos, setSelectedPhotos] = useState<PhotoItem[]>([]);
   const [selectedPhotoIndex, setSelectedPhotoIndex] = useState(0);
   const [reviewManagerOpen, setReviewManagerOpen] = useState(false);
   const [selectedSubmissionId, setSelectedSubmissionId] = useState<string | null>(null);

src/components/moderation/UserRoleManager.tsx

@@ -34,6 +34,12 @@ function getRoleLabel(role: string): string {
   };
   return isValidRole(role) ? labels[role] : role;
 }
+interface ProfileSearchResult {
+  user_id: string;
+  username: string;
+  display_name?: string;
+}
+
 interface UserRole {
   id: string;
   user_id: string;
@@ -50,7 +56,7 @@ export function UserRoleManager() {
   const [searchTerm, setSearchTerm] = useState('');
   const [newUserSearch, setNewUserSearch] = useState('');
   const [newRole, setNewRole] = useState('');
-  const [searchResults, setSearchResults] = useState<any[]>([]);
+  const [searchResults, setSearchResults] = useState<ProfileSearchResult[]>([]);
   const [actionLoading, setActionLoading] = useState<string | null>(null);
   const {
     user