fix: bookmark icon should be visible for unauthenticated user

e2e/articles.spec.ts

@@ -16,7 +16,7 @@ test.describe("Unauthenticated Articles Page", () => {
     );
   });
 
-  test("Should not show bookmark article icon", async ({ page }) => {
+  test("Should show bookmark article icon", async ({ page }) => {
     await page.goto("http://localhost:3000/articles");
 
     await expect(
@@ -25,7 +25,7 @@ test.describe("Unauthenticated Articles Page", () => {
 
     await expect(
       page.locator("article").first().getByLabel("Bookmark this post"),
-    ).toBeHidden();
+    ).toBeVisible();
   });
   test("Should load more articles when scrolling to the end of the page", async ({
     page,
@@ -164,6 +164,12 @@ test.describe("Authenticated Articles Page", () => {
 
     await expect(page.getByRole("button", { name: "Next" })).toBeVisible();
     await page.getByRole("button", { name: "Next" }).click();
+
+    await page.route("**/*", async (route) => {
+      await new Promise((f) => setTimeout(f, 500));
+      await route.continue();
+    });
+
     await expect(
       page.getByRole("button", { name: "Publish now" }),
     ).toBeVisible();