feat(storage): Implement MMKV storage adapter for redux-persist and enhance migration utilities

- Refactored storage implementation to create a custom adapter for MMKV compatible with redux-persist.
- Improved migration utility functions to handle data migration from AsyncStorage to MMKV with better error handling and logging.
- Added diagnostic and recovery options for users to recover lost data during migration.
- Enhanced Settings screen with a data recovery option for users who may have lost their reading history and bookmarks.
- Introduced a new MigrationHelper utility for checking storage status and manual recovery of data.

Author: pushpender-singh-ap

App.js

@@ -1,7 +1,13 @@
 import React, { useEffect, useState } from 'react';
 import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
-import { persistor, store, performStorageMigration } from './src/Redux/Store';
+import { 
+  initializeStore, 
+  performStorageMigration, 
+  store, 
+  persistor,
+  isStoreReady 
+} from './src/Redux/Store';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { RootNavigation } from './src/Navigation';
 import Loading from './src/Components/UIComp/Loading';
@@ -20,102 +26,115 @@ import {
 import NotificationSubscriptionBootstrapper from './src/InkNest-Externals/Notifications/components/NotificationSubscriptionBootstrapper';
 
 /**
- * Migration gate component that handles AsyncStorage -> MMKV migration
- * before rendering the app
+ * AppContent component - rendered after store is initialized
  */
-function MigrationGate({ children }) {
-  const [isMigrating, setIsMigrating] = useState(true);
-  const [migrationError, setMigrationError] = useState(null);
-
+function AppContent() {
   useEffect(() => {
-    async function runMigration() {
-      try {
-        // Perform migration from AsyncStorage to MMKV
-        await performStorageMigration();
-        setIsMigrating(false);
-      } catch (error) {
-        console.error('Migration failed:', error);
-        crashlytics().recordError(error);
-        setMigrationError(error);
-        // Even on error, allow app to continue (may lose old data but app works)
-        setIsMigrating(false);
-      }
-    }
-
-    runMigration();
-  }, []);
-
-  if (isMigrating) {
-    return <Loading />;
-  }
-
-  return children;
-}
-
-/**
- * The main App component that sets up the root of the application.
- * It includes the GestureHandlerRootView for gesture handling,
- * the Redux Provider for state management, and the PersistGate
- * for persisting the Redux store.
- *
- * @returns {JSX.Element} The root component of the application.
- */
-const App = () => {
-  useEffect(() => {
-    // Configure Google Sign-In
     configureGoogleSignIn();
-
-    // Listen to auth state changes
     const unsubscribeAuth = store.dispatch(listenToAuthChanges());
 
     if (!__DEV__) {
-      // Initialize Firebase Crashlytics
       crashlytics().log('App mounted.');
-
-      // Enable analytics collection
       analytics().setAnalyticsCollectionEnabled(true);
 
-      // Catch JS errors and report to Crashlytics
       const errorHandler = (error, isFatal) => {
         if (isFatal) {
           crashlytics().recordError(error);
         }
         return false;
       };
-
-      // Set error handlers
       ErrorUtils.setGlobalHandler(errorHandler);
-
-      return () => {
-        // Clean up auth listener
-        if (unsubscribeAuth) unsubscribeAuth();
-      };
     }
 
     return () => {
-      // Clean up auth listener
       if (unsubscribeAuth) unsubscribeAuth();
     };
   }, []);
 
+  return (
+    <Provider store={store}>
+      <PersistGate loading={<Loading />} persistor={persistor}>
+        <PaperProvider>
+          <BannerProvider>
+            <NotificationSubscriptionBootstrapper />
+            <RootNavigation />
+            <Toast />
+            <ForceUpdate />
+          </BannerProvider>
+        </PaperProvider>
+      </PersistGate>
+    </Provider>
+  );
+}
+
+/**
+ * Main App component
+ */
+const App = () => {
+  const [isReady, setIsReady] = useState(false);
+  const [migrationError, setMigrationError] = useState(null);
+
+  useEffect(() => {
+    let isMounted = true;
+
+    async function setupApp() {
+      try {
+        console.log('[App] Starting app setup...');
+        
+        // Run migration before anything else
+        console.log('[App] Running storage migration...');
+        await performStorageMigration();
+        
+        // Initialize store after migration
+        console.log('[App] Initializing store...');
+        initializeStore();
+        
+        if (!isStoreReady()) {
+          throw new Error('Store initialization failed');
+        }
+
+        console.log('[App] Setup complete');
+        if (isMounted) {
+          setIsReady(true);
+        }
+      } catch (error) {
+        console.error('[App] Setup failed:', error);
+        crashlytics().recordError(error);
+        
+        // Try to recover by initializing store anyway
+        try {
+          initializeStore();
+          if (isStoreReady() && isMounted) {
+            setIsReady(true);
+          }
+        } catch (recoveryError) {
+          if (isMounted) {
+            setMigrationError(recoveryError);
+          }
+        }
+      }
+    }
+
+    setupApp();
+
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+
+  if (!isReady) {
+    return (
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        <Loading />
+      </GestureHandlerRootView>
+    );
+  }
+
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
       <ConfigCatProvider
         sdkKey={__DEV__ ? CONFIGCAT_SDK_KEY_TEST : CONFIGCAT_SDK_KEY_PROD}>
-        <Provider store={store}>
-          <MigrationGate>
-            <PersistGate loading={<Loading />} persistor={persistor}>
-              <PaperProvider>
-                <BannerProvider>
-                  <NotificationSubscriptionBootstrapper />
-                  <RootNavigation />
-                  <Toast />
-                  <ForceUpdate />
-                </BannerProvider>
-              </PaperProvider>
-            </PersistGate>
-          </MigrationGate>
-        </Provider>
+        <AppContent />
       </ConfigCatProvider>
     </GestureHandlerRootView>
   );