fix: File manager rerenders (#7999)

* Fix infinite rerender issue

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

src/frontend/src/modals/fileManagerModal/components/recentFilesComponent/index.tsx

@@ -20,11 +20,24 @@ export default function RecentFilesComponent({
   types: string[];
   isList: boolean;
 }) {
-  const filesWithType = files.map((file) => ({
+  const filesWithType = useMemo(
-    ...file,
+    () =>
-    type: file.path.split(".").pop()?.toLowerCase(),
+      files.map((file) => ({
-  }));
+        ...file,
-  const [fuse, setFuse] = useState<Fuse<FileType>>(new Fuse([]));
+        type: file.path.split(".").pop()?.toLowerCase(),
+      })),
+    [files],
+  );
+
+  const fuse = useMemo(
+    () =>
+      new Fuse(filesWithType, {
+        keys: ["name", "type"],
+        threshold: 0.3,
+      }),
+    [filesWithType],
+  );
+
   const [searchQuery, setSearchQuery] = useState("");
 
   const { mutate: renameFile } = usePostRenameFileV2();
@@ -39,18 +52,7 @@ export default function RecentFilesComponent({
       return fileExtension && (!types || types.includes(fileExtension));
     });
     return filteredFiles;
-  }, [searchQuery, filesWithType, selectedFiles, types]);
+  }, [searchQuery, filesWithType, types]);
-
-  useEffect(() => {
-    if (filesWithType) {
-      setFuse(
-        new Fuse(filesWithType, {
-          keys: ["name", "type"],
-          threshold: 0.3,
-        }),
-      );
-    }
-  }, [filesWithType]);
 
   const handleFileSelect = (filePath: string) => {
     setSelectedFiles(