updated code with dsc and device binding

App.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { LogBox, StatusBar, View } from 'react-native';
+import { LogBox, View } from 'react-native';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { AlertNotificationRoot } from 'react-native-alert-notification';
 import { PersistGate } from 'redux-persist/integration/react';
@@ -11,6 +11,7 @@ import { NavigationContainer } from '@react-navigation/native';
 import colors from './src/Constant/Color';
 import { TextEncoder } from 'text-encoding';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import AppStatusBar from './src/components/AppStatusBar';
 LogBox.ignoreAllLogs(true);
 
 const App = () => {
@@ -25,7 +26,7 @@ const App = () => {
             <Provider store={store}>
               <PersistGate persistor={persistor}>
                 <View style={{ flex: 1, backgroundColor: colors.white, paddingBottom: insets.bottom }}>
-                  <StatusBar barStyle="dark-content" />
+                  <AppStatusBar />
                   <Routes />
                 </View>
               </PersistGate>
@@ -38,3 +39,4 @@ const App = () => {
 };
 
 export default App;
+