fix: prevent grid upload cards from overlapping files when switching folders

Author: Cameron Amer

app/src/components/desktop/dashboard/FileCard.tsx

@@ -104,7 +104,6 @@ export function FileCard({ file, onDelete, onDownload, onPreview, onShare, isSel
             }}
         >
             <motion.div
-                layout
                 draggable={!isFolder}
                 onDragStart={(e: any) => {
                     if (onDragStart) onDragStart(file.id);

app/src/components/desktop/dashboard/FileExplorer.tsx

@@ -142,13 +142,21 @@ export function FileExplorer({
         gridVirtualizer.measure();
     }, [rowHeight, gridVirtualizer]);
 
-    const listVirtualizer = useVirtualizer({
+     const listVirtualizer = useVirtualizer({
         count: listItems.length,
         getScrollElement: () => parentRef.current,
         estimateSize: () => 48,
         overscan: 5,
     });
 
+    useEffect(() => {
+        if (parentRef.current) {
+            parentRef.current.scrollTop = 0;
+        }
+        gridVirtualizer.scrollToOffset(0);
+        listVirtualizer.scrollToOffset(0);
+    }, [activeFolderId, gridVirtualizer, listVirtualizer]);
+
     const handleSort = (field: SortField) => {
         if (sortField === field) {
             setSortDirection(d => d === 'asc' ? 'desc' : 'asc');
@@ -249,6 +257,7 @@ export function FileExplorer({
 
 
                     <div
+                        key={activeFolderId ?? 'root'}
                         className="relative w-full"
                         style={{ height: `${gridVirtualizer.getTotalSize()}px` }}
                     >
@@ -336,6 +345,7 @@ export function FileExplorer({
 
 
                     <div
+                        key={activeFolderId ?? 'root'}
                         className="relative w-full"
                         style={{ height: `${listVirtualizer.getTotalSize()}px` }}
                     >