fix: Improve accessibility for profile photo upload by adding aria-label and update test to use getByLabel

Author: hakimLyon

app/routes/settings+/profile.photo.tsx

@@ -167,6 +167,7 @@ export default function PhotoRoute({
 						className="peer sr-only"
 						required
 						tabIndex={newImageSrc ? -1 : 0}
+						aria-label="Change"
 						onChange={(e) => {
 							const file = e.currentTarget.files?.[0]
 							if (file) {

tests/e2e/settings-profile.test.ts

@@ -63,7 +63,7 @@ test('Users can update their profile photo', async ({ page, login }) => {
 	await expect(page).toHaveURL(`/settings/profile/photo`)
 
 	await page
-		.getByRole('textbox', { name: /change/i })
+		.getByLabel(/change/i)
 		.setInputFiles('./tests/fixtures/images/user/kody.png')
 
 	await page.getByRole('button', { name: /save/i }).click()