Refactored Barcode Page and made fixes to logic

src/context/AuthContext.jsx

@@ -0,0 +1,81 @@
+import { createContext, useContext, useEffect, useState } from 'react'
+import {
+  authApi,
+  getStoredSession,
+  profileApi,
+  saveSession,
+  subscribeToSessionChanges,
+} from '../api/client.js'
+
+const AuthContext = createContext(null)
+
+export function AuthProvider({ children }) {
+  const [session, setSession] = useState(() => getStoredSession())
+  const [initializing, setInitializing] = useState(() => Boolean(getStoredSession()))
+
+  useEffect(() => subscribeToSessionChanges(setSession), [])
+
+  useEffect(() => {
+    let cancelled = false
+
+    async function syncStoredSession() {
+      const existingSession = getStoredSession()
+
+      if (!existingSession) {
+        if (!cancelled) {
+          setInitializing(false)
+        }
+        return
+      }
+
+      try {
+        const profile = await profileApi.getProfile()
+
+        if (!cancelled) {
+          saveSession({
+            ...existingSession,
+            user: profile,
+          })
+        }
+      } catch {
+        // The API client already clears invalid sessions after a failed refresh.
+      } finally {
+        if (!cancelled) {
+          setInitializing(false)
+        }
+      }
+    }
+
+    syncStoredSession()
+
+    return () => {
+      cancelled = true
+    }
+  }, [])
+
+  const user = session?.user ?? null
+  const userRoles = Array.isArray(user?.roles) ? user.roles : []
+
+  const value = {
+    session,
+    user,
+    isAuthenticated: Boolean(session?.accessToken),
+    isSiteAdmin: userRoles.includes('Admin'),
+    initializing,
+    login: authApi.login,
+    register: authApi.register,
+    logout: authApi.logout,
+  }
+
+  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>
+}
+
+export function useAuth() {
+  const value = useContext(AuthContext)
+
+  if (!value) {
+    throw new Error('useAuth must be used inside an AuthProvider.')
+  }
+
+  return value
+}