Remive indexxedb removal on clear files

frontend/src/components/pageEditor/PageThumbnail.tsx

@@ -406,7 +406,7 @@ const PageThumbnail: React.FC<PageThumbnailProps> = ({
           size="sm"
           fw={500}
           style={{
-            color: 'white', // Keep white for page numbers as they have colored backgrounds
+            color: 'var(--mantine-color-white)', // Use theme token for consistency
             position: 'absolute',
             top: 5,
             left: 5,

frontend/src/contexts/FileContext.tsx

@@ -167,7 +167,16 @@ function FileContextInner({
       filesRef.current.clear();
       dispatch({ type: 'RESET_CONTEXT' });
       
-      // Clear IndexedDB if enabled
+      // Don't clear IndexedDB automatically - only clear in-memory state
+      // IndexedDB should only be cleared when explicitly requested by user
+    },
+    clearAllData: async () => {
+      // First clear all files from memory
+      lifecycleManager.cleanupAllFiles();
+      filesRef.current.clear();
+      dispatch({ type: 'RESET_CONTEXT' });
+      
+      // Then clear IndexedDB storage
       if (indexedDB && enablePersistence) {
         try {
           await indexedDB.clearAll();

frontend/src/types/fileContext.ts

@@ -224,6 +224,7 @@ export interface FileContextActions {
   updateFileRecord: (id: FileId, updates: Partial<FileRecord>) => void;
   reorderFiles: (orderedFileIds: FileId[]) => void;
   clearAllFiles: () => Promise<void>;
+  clearAllData: () => Promise<void>;
 
   // File pinning
   pinFile: (file: File) => void;