theme fix

src/pages/LoginPage.tsx

@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom'
 import { useEffect, useState } from 'react'
 import { GoogleSignInButton } from '../components/GoogleSignInButton'
 import { TreeAnimation } from '../components/TreeAnimation'
+import { PageLoader } from '../components/PageLoader'
 
 export default function LoginPage() {
   const { user, loading, signInWithGoogle, authError } = useAuth()
@@ -28,12 +29,7 @@ export default function LoginPage() {
   }
 
   if (loading) {
-    return (
-      <div className="lp lp--loading" aria-live="polite">
-        <span className="login-page__spinner" aria-hidden />
-        <p>Loading…</p>
-      </div>
-    )
+    return <PageLoader />
   }
 
   return (