refactor(loading): enhance LoadingOverlay integration in HomePage and AuthCallback for consistent loading experience

app/auth/callback/page.tsx

@@ -110,12 +110,12 @@ function AuthCallbackContent() {
   }
 
   // * Use standard Pulse loading screen to make transition to Home seamless
-  return null
+  return <LoadingOverlay portal={false} />
 }
 
 export default function AuthCallback() {
   return (
-    <Suspense fallback={null}>
+    <Suspense fallback={<LoadingOverlay portal={false} />}>
       <AuthCallbackContent />
     </Suspense>
   )

app/page.tsx

@@ -12,7 +12,7 @@ export default function HomePage() {
   const { user, loading } = useAuth()
 
   if (loading) {
-    return null
+    return <LoadingOverlay logoSrc="/ciphera_icon_no_margins.png" title="Pulse" portal={false} />
   }
 
   if (!user) {
@@ -91,7 +91,7 @@ export default function HomePage() {
 
   // * Wait for organization context before rendering SiteList to avoid "Organization Required" flash
   if (user && !user.org_id) {
-    return null
+    return <LoadingOverlay logoSrc="/ciphera_icon_no_margins.png" title="Pulse" portal={false} />
   }
 
   return (

lib/auth/context.tsx

@@ -154,7 +154,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
 
   return (
     <AuthContext.Provider value={{ user, loading, login, logout, refresh, refreshSession }}>
-      {(loading || isLoggingOut) && <LoadingOverlay logoSrc="/ciphera_icon_no_margins.png" title="Pulse" />}
+      {isLoggingOut && <LoadingOverlay logoSrc="/ciphera_icon_no_margins.png" title="Pulse" />}
       {children}
     </AuthContext.Provider>
   )