Rollen Chunk 4: Benutzerkonto, Abmelde-Icon und fremde Einstellungen

src/app/page.test.tsx

@@ -694,7 +694,7 @@ test("shows the login view when auth is enabled without a session", async () =>
   expect(screen.queryByText("2:30 Std.")).toBeNull();
 });
 
-test("shows a logout button when signed in", async () => {
+test("shows a logout icon in settings when signed in", async () => {
   const { getAuthStatus } = await import("@/lib/auth-client");
   vi.mocked(getAuthStatus).mockResolvedValue({
     enabled: true,
@@ -706,6 +706,8 @@ test("shows a logout button when signed in", async () => {
   mockApp(true);
   render(<Home />);
   await screen.findByText("2:30 Std.");
+  expect(screen.queryByRole("button", { name: "Abmelden" })).toBeNull();
+  fireEvent.click(screen.getByRole("tab", { name: "Einstellungen" }));
   expect(
     screen.getByRole("button", { name: "Abmelden" }),
   ).toBeInTheDocument();
@@ -731,6 +733,7 @@ test("returns to login after signing out", async () => {
   mockApp(true);
   render(<Home />);
   await screen.findByText("2:30 Std.");
+  fireEvent.click(screen.getByRole("tab", { name: "Einstellungen" }));
   fireEvent.click(screen.getByRole("button", { name: "Abmelden" }));
   await vi.waitFor(() => expect(signOut).toHaveBeenCalled());
   expect(