Fix thumbnail rendering

frontend/src/components/tools/rotate/RotateSettings.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from "react";
+import React, { useMemo, useState, useEffect } from "react";
 import { Stack, Text, Box, ActionIcon, Group, Center } from "@mantine/core";
 import { useTranslation } from "react-i18next";
 import RotateLeftIcon from "@mui/icons-material/RotateLeft";
@@ -24,21 +24,29 @@ const RotateSettings = ({ parameters, disabled = false }: RotateSettingsProps) =
   }, [selectedFiles]);
 
   // Get thumbnail for the selected file
-  const thumbnail = useMemo(() => {
+  const [thumbnail, setThumbnail] = useState<string | null>(null);
-    if (!selectedFile) return null;
+
+  useEffect(() => {
+    if (!selectedFile) {
+      setThumbnail(null);
+      return;
+    }
 
     const pageId = `${selectedFile.fileId}-1`;
 
     // Try to get cached thumbnail first
     const cached = getThumbnailFromCache(pageId);
-    if (cached) return cached;
+    if (cached) {
+      setThumbnail(cached);
+      return;
+    }
 
     // Request thumbnail if not cached
-    requestThumbnail(pageId, selectedFile, 1).then(() => {
+    requestThumbnail(pageId, selectedFile, 1).then((result) => {
-      // Component will re-render when thumbnail is available
+      setThumbnail(result);
+    }).catch(() => {
+      setThumbnail(null);
     });
-
-    return null;
   }, [selectedFile, getThumbnailFromCache, requestThumbnail]);
 
   // Calculate current angle display