fix note images test

tests/e2e/note-images.test.ts

@@ -1,12 +1,11 @@
 import fs from 'fs'
 import { faker } from '@faker-js/faker'
-import { expect, test } from '@playwright/test'
 import { type NoteImage, type Note } from '@prisma/client'
 import { prisma } from '#app/utils/db.server.ts'
-import { loginPage } from '#tests/playwright-utils.ts'
+import { expect, test } from '#tests/playwright-utils.ts'
 
-test('Users can create note with an image', async ({ page }) => {
-	const user = await loginPage({ page })
+test('Users can create note with an image', async ({ page, login }) => {
+	const user = await login()
 	await page.goto(`/users/${user.username}/notes`)
 
 	const newNote = createNote()
@@ -28,8 +27,8 @@ test('Users can create note with an image', async ({ page }) => {
 	await expect(page.getByAltText(altText)).toBeVisible()
 })
 
-test('Users can create note with multiple images', async ({ page }) => {
-	const user = await loginPage({ page })
+test('Users can create note with multiple images', async ({ page, login }) => {
+	const user = await login()
 	await page.goto(`/users/${user.username}/notes`)
 
 	const newNote = createNote()
@@ -60,8 +59,8 @@ test('Users can create note with multiple images', async ({ page }) => {
 	await expect(page.getByAltText(altText2)).toBeVisible()
 })
 
-test('Users can edit note image', async ({ page }) => {
-	const user = await loginPage({ page })
+test('Users can edit note image', async ({ page, login }) => {
+	const user = await login()
 
 	const note = await prisma.note.create({
 		select: { id: true },
@@ -86,8 +85,8 @@ test('Users can edit note image', async ({ page }) => {
 	await expect(page.getByAltText(updatedImage.altText)).toBeVisible()
 })
 
-test('Users can delete note image', async ({ page }) => {
-	const user = await loginPage({ page })
+test('Users can delete note image', async ({ page, login }) => {
+	const user = await login()
 
 	const note = await prisma.note.create({
 		select: { id: true, title: true },