add missing features

mobile/context/AuthContext.tsx

@@ -1,19 +1,35 @@
 import { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import type { ReactNode } from 'react';
 import { useSyncDevice } from '../features/syncDevice';
+import { getDeviceUserId } from '../services/localStorage';
 import type { AuthContextValue, User } from './AuthContext.types';
 
 const AuthContext = createContext<AuthContextValue | null>(null);
 
 export function AuthProvider({ children }: { children: ReactNode }) {
 
-  useEffect(()=>{
-    const {} = useSyncDevice()
-  },[])
-
   const [user, setUser] = useState<User | null>(null);
+  const [deviceUserId, setDeviceUserId] = useState<string | null>(null);
 
-  const value = useMemo(() => ({ user }), [user]);
+  useEffect(() => {
+    let active = true;
+    (async () => {
+      try {
+        const id = await getDeviceUserId();
+        if (active) setDeviceUserId(id);
+      } catch (error) {
+        console.warn('device identity unavailable', error);
+      }
+    })();
+
+    useSyncDevice();
+
+    return () => {
+      active = false;
+    };
+  }, []);
+
+  const value = useMemo(() => ({ user, deviceUserId }), [user, deviceUserId]);
 
   return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
 }

mobile/context/AuthContext.types.ts

@@ -2,4 +2,5 @@ export type User = {};
 
 export type AuthContextValue = {
   user: User | null;
+  deviceUserId: string | null;
 };