Add variable storage locations & batch adding

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/app.tsx

@@ -54,13 +54,13 @@ const App = () => {
   }, []);
 
   return (
-    <PaperProvider theme={theme}>
-      <ReduxProvider store={store}>
-        <PersistGate
-          loading={<LoadingView />}
-          persistor={persistor}
-          onBeforeLift={onBeforeLift}>
-          <RealmProvider schema={[Meme, Tag]}>
+    <ReduxProvider store={store}>
+      <RealmProvider schema={[Meme, Tag]}>
+        <PaperProvider theme={theme}>
+          <PersistGate
+            loading={<LoadingView />}
+            persistor={persistor}
+            onBeforeLift={onBeforeLift}>
             <GestureHandlerRootView style={appStyles.gestureHandler}>
               <SafeAreaProvider>
                 <StatusBar
@@ -74,10 +74,10 @@ const App = () => {
                 )}
               </SafeAreaProvider>
             </GestureHandlerRootView>
-          </RealmProvider>
-        </PersistGate>
-      </ReduxProvider>
-    </PaperProvider>
+          </PersistGate>
+        </PaperProvider>
+      </RealmProvider>
+    </ReduxProvider>
   );
 };