Adjust css for login page

add email verification step to new user onboarding flow

frontend/src/contexts/AuthContext.jsx

@@ -79,7 +79,9 @@ export function AuthProvider({ children }) {
     if (auth.currentUser) {
       await auth.currentUser.reload();
       setCurrentUser({ ...auth.currentUser });
+      return auth.currentUser;
     }
+    return null;
   }
 
   const value = {

frontend/src/pages/login/Login.css

@@ -40,6 +40,7 @@
   text-align: center;
   position: relative;
   top: -20px;
+  white-space: nowrap;
 }
 
 .login-brand {
@@ -114,4 +115,9 @@
     padding-right: 1rem;
     font-size: 1.25rem;
   }
+
+  .login-bg-video {
+    opacity: 0.13;
+    left: 47%;
+  }
 }

frontend/src/pages/login/Login.jsx

@@ -47,7 +47,7 @@ export default function Login() {
 
       <div className="login-card login-card-fadein">
         <h1 className="login-heading">
-          <span className="login-brand">Koin Ping</span> - Login
+          <span className="login-brand">Koin Ping</span><span> - Login</span>
         </h1>
 
         <div className="login-interactive-fadein">

frontend/src/pages/subscribe/Subscribe.jsx

@@ -82,10 +82,7 @@ export default function Subscribe() {
     setError("");
     setLoading(true);
     try {
-      await reloadUser();
-      const { currentUser: user } = await import("../../firebase/config").then(
-        (m) => ({ currentUser: m.auth.currentUser })
-      );
+      const user = await reloadUser();
       if (user?.emailVerified) {
         setStep(3);
       } else {