Use secure storage for storing sensitive data

Author: codeAbinash

App.tsx

@@ -168,7 +168,7 @@ function Navigation() {
         <Stack.Screen name='Login' component={Login} options={GestureEnabled} />
         <Stack.Screen name='Signup' component={Signup} options={GestureEnabled} />
         <Stack.Screen name='Verify' component={Verify} options={GestureEnabled} />
-        <Stack.Screen name='Home' component={Home} options={NO_ANIMATION} />
+        <Stack.Screen name='Home' component={Home} options={SMOOTH_ANIMATION} />
         <Stack.Screen name='Test' component={Test} options={GestureEnabled} />
         <Stack.Screen name='AllUsers' component={AllUsers} options={GestureEnabled} />
         <Stack.Screen name='Logout' component={Logout} options={IOS_BOTTOM_STYLE} />

src/zustand/authStore.ts

@@ -1,4 +1,4 @@
-import S from '@utils/storage'
+import S, { secureLs } from '@utils/storage'
 import { create } from 'zustand'
 
 type AuthStore = {
@@ -11,11 +11,11 @@ const authStore = create<AuthStore>((set) => ({
   token: S.get('token'),
   setToken: (token) => {
     set({ token })
-    S.set('token', token)
+    secureLs.set('token', token)
   },
   removeToken: () => {
     set({ token: undefined })
-    S.remove('token')
+    secureLs.delete('token')
   },
 }))