Integrate Redux for state management, replace useState with Redux store

App.tsx

@@ -1,16 +1,17 @@
 import React, { useState } from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { Provider } from 'react-redux';
 import QRScannerScreen from './screens/QRScannerScreen';
 import HistoryScreen from './screens/HistoryScreen';
 import SettingsScreen from './screens/SettingsScreen';
 import { QRCodeContext } from './types';
 import CustomTabBar from './components/CustomTabBar';
+import store from './store';
 
 const Tab = createBottomTabNavigator();
 
 const App: React.FC = () => {
-  const [qrCodes, setQrCodes] = useState<{ data: string, bookmarked: boolean, scanResult: { secureConnection: boolean, virusTotalCheck: boolean, redirects: number } }[]>([]);
   const [scannedData, setScannedData] = useState<string>('');
 
   const clearScanData = () => {
@@ -18,22 +19,22 @@ const App: React.FC = () => {
   };
 
   return (
-    <QRCodeContext.Provider value={{ qrCodes, setQrCodes }}>
-      <NavigationContainer>
-        <Tab.Navigator
-          initialRouteName="QRScanner"
-          tabBar={props => <CustomTabBar {...props} clearScanData={clearScanData} />}
-        >
-          <Tab.Screen name="History" component={HistoryScreen} />
-          <Tab.Screen name="QRScanner">
-            {(props) => <QRScannerScreen clearScanData={function (): void {
-              throw new Error('Function not implemented.');
-            } } {...props} />}
-          </Tab.Screen>
-          <Tab.Screen name="Settings" component={SettingsScreen} />
-        </Tab.Navigator>
-      </NavigationContainer>
-    </QRCodeContext.Provider>
+    <Provider store={store}>
+      <QRCodeContext.Provider value={{ scannedData, setScannedData }}>
+        <NavigationContainer>
+          <Tab.Navigator
+            initialRouteName="QRScanner"
+            tabBar={(props) => <CustomTabBar {...props} clearScanData={clearScanData} />}
+          >
+            <Tab.Screen name="History" component={HistoryScreen} />
+            <Tab.Screen name="QRScanner">
+              {(props) => <QRScannerScreen {...props} clearScanData={clearScanData} />}
+            </Tab.Screen>
+            <Tab.Screen name="Settings" component={SettingsScreen} />
+          </Tab.Navigator>
+        </NavigationContainer>
+      </QRCodeContext.Provider>
+    </Provider>
   );
 };