feat: add RootLayout and Index components for application structure

Author: afnx

app/_layout.tsx

@@ -0,0 +1,33 @@
+import { Stack } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+import React from "react";
+import { ActivityIndicator, Text, View } from "react-native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { Provider } from "react-redux";
+import { PersistGate } from "redux-persist/integration/react";
+
+import { persistor, store } from "../store";
+
+const LoadingComponent = () => (
+  <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+    <ActivityIndicator size="large" color="#007AFF" />
+    <Text style={{ marginTop: 16, fontSize: 16, color: "#8E8E93" }}>
+      Loading Scriptian...
+    </Text>
+  </View>
+);
+
+export default function RootLayout() {
+  return (
+    <Provider store={store}>
+      <PersistGate loading={<LoadingComponent />} persistor={persistor}>
+        <SafeAreaProvider>
+          <StatusBar style="auto" />
+          <Stack screenOptions={{ headerShown: false }}>
+            <Stack.Screen name="index" />
+          </Stack>
+        </SafeAreaProvider>
+      </PersistGate>
+    </Provider>
+  );
+}