Fix first-login username flow

tests/e2e/app.spec.ts

@@ -2,7 +2,10 @@ import { expect, test } from "@playwright/test";
 import { installAppMocks } from "./helpers/mockApp";
 
 test("login redirects into dashboard with mocked auth", async ({ page }) => {
-  await installAppMocks(page, { authenticated: false });
+  await installAppMocks(page, {
+    authenticated: false,
+    authMeNullResponsesAfterLogin: 1,
+  });
 
   await page.goto("/login");
   await expect(page.getByTestId("login-title")).toBeVisible();

tests/e2e/helpers/mockApp.ts

@@ -61,6 +61,7 @@ type MockAppState = {
   analyses: any[];
   mediaSession: MockMediaSession | null;
   nextVideoId: number;
+  authMeNullResponsesAfterLogin: number;
 };
 
 function trpcResult(json: unknown) {
@@ -154,6 +155,10 @@ async function handleTrpc(route: Route, state: MockAppState) {
   const results = operations.map((operation) => {
     switch (operation) {
       case "auth.me":
+        if (state.authenticated && state.authMeNullResponsesAfterLogin > 0) {
+          state.authMeNullResponsesAfterLogin -= 1;
+          return trpcResult(null);
+        }
         return trpcResult(state.authenticated ? state.user : null);
       case "auth.loginWithUsername":
         state.authenticated = true;
@@ -282,6 +287,7 @@ export async function installAppMocks(
     videos?: any[];
     analyses?: any[];
     userName?: string;
+    authMeNullResponsesAfterLogin?: number;
   }
 ) {
   const state: MockAppState = {
@@ -312,6 +318,7 @@ export async function installAppMocks(
     ],
     mediaSession: null,
     nextVideoId: 100,
+    authMeNullResponsesAfterLogin: options?.authMeNullResponsesAfterLogin ?? 0,
   };
 
   await page.addInitScript(() => {