fix(auth): stabilize hydration-dependent UI

src/hooks/index.ts

@@ -3,5 +3,6 @@
  */
 
 export * from "./use-breakpoint";
+export * from "./use-has-hydrated";
 export * from "./use-keyboard-height";
 export * from "./use-pull-to-refresh";

src/hooks/use-has-hydrated.ts

@@ -0,0 +1,15 @@
+"use client";
+
+import { useSyncExternalStore } from "react";
+
+const subscribe = () => () => undefined;
+const getClientSnapshot = () => true;
+const getServerSnapshot = () => false;
+
+export function useHasHydrated(): boolean {
+  return useSyncExternalStore(
+    subscribe,
+    getClientSnapshot,
+    getServerSnapshot,
+  );
+}