refactor(auth): support async deferred actions for login gating

Allow deferred login actions to return promises and execute them safely without violating lint rules. Also initialize order detail timer state without impure render-time Date.now calls so React hook purity checks pass.

app/(order)/order/[id]/page.tsx

@@ -43,7 +43,7 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
   // Returning a fresh filtered array from the selector can re-trigger updates
   // and loop under useSyncExternalStore (pmndrs/zustand#1936, #3155).
   const reviews = useMemo(() => allReviews.filter((item) => item.orderId === id), [allReviews, id])
-  const [nowTs, setNowTs] = useState(Date.now())
+  const [nowTs, setNowTs] = useState(0)
 
   useEffect(() => {
     if (!order) return
@@ -55,6 +55,8 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
     if (!order) return
     if (order.status !== "pending_accept" && order.status !== "pending_close") return
 
+    setNowTs(Date.now())
+
     const timer = setInterval(() => {
       setNowTs(Date.now())
     }, 1000)

lib/api/client.ts

@@ -3,7 +3,7 @@ import { useLoginDialogStore } from "@/store/login-dialog"
 type RequestExecutor<T> = () => Promise<T>
 
 interface RequestOptions {
-  onUnauthorized?: () => void
+  onUnauthorized?: () => void | Promise<void>
 }
 
 export async function requestWithAuth<T>(executor: RequestExecutor<T>, options?: RequestOptions) {

lib/use-require-auth.ts

@@ -9,9 +9,9 @@ export function useRequireAuth() {
   const openLoginDialog = useLoginDialogStore((s) => s.openLoginDialog)
 
   const requireAuth = useCallback(
-    (action: () => void) => {
+    (action: () => void | Promise<void>) => {
       if (isAuthenticated) {
-        action()
+        void action()
       } else {
         openLoginDialog(action)
       }

store/login-dialog.ts

@@ -2,8 +2,8 @@ import { create } from "zustand"
 
 interface LoginDialogState {
   open: boolean
-  pendingActions: Array<() => void>
-  openLoginDialog: (action?: () => void) => void
+  pendingActions: Array<() => void | Promise<void>>
+  openLoginDialog: (action?: () => void | Promise<void>) => void
   closeLoginDialog: () => void
   consumePendingAction: () => void
 }
@@ -21,7 +21,7 @@ export const useLoginDialogStore = create<LoginDialogState>((set, get) => ({
     const actions = get().pendingActions
     set({ pendingActions: [] })
     actions.forEach((action) => {
-      action()
+      void action()
     })
   },
 }))