fix: change UI to show betterer info in sidebar

Author: scottgerring

e2e/fixtures/post-login-validation.ts

@@ -63,9 +63,9 @@ export async function validateLoggedInState(page: Page): Promise<ValidationResul
   expect(userName.length).toBeGreaterThan(0);
   console.log(`[validateLoggedInState] User name: ${userName}`);
 
-  // 3. Verify user role text is visible in sidebar (e.g. "user", "admin")
-  const userRoleText = page.locator('.text-sm.text-gray-600').filter({ hasNotText: '...' });
-  await expect(userRoleText).toBeVisible({ timeout: 10000 });
+  // 3. Verify "Sticker Collector" text is visible (sidebar user info)
+  const stickerCollectorText = page.getByText('Sticker Collector');
+  await expect(stickerCollectorText).toBeVisible({ timeout: 10000 });
 
   // 4. Verify Sign Out is visible (indicates authenticated state)
   const signOut = page.getByText('Sign Out');

web-frontend/src/components/UserInfo.jsx

@@ -28,9 +28,9 @@ function UserInfo() {
         <span className="block text-sm text-gray-600">
           {isLoading
             ? "..."
-            : user?.role?.length
-              ? user.role.join(", ")
-              : "No roles assigned"}
+            : user?.role?.includes("admin")
+              ? "Sticker Admin"
+              : "Sticker Collector"}
         </span>
       </div>
     </div>