Name the profile form inputs so a spec can ask for one

e2e/specs/onboarding.spec.ts

@@ -66,7 +66,7 @@ test("US-002 sign up by generating a new key", async ({seed, visit}) => {
   await page.getByRole("button", {name: "Create an account"}).click()
   await page.getByRole("button", {name: "Generate a key"}).click()
 
-  await page.locator('input[type="text"]').fill("Nova Tester")
+  await page.getByRole("textbox", {name: "Nickname"}).fill("Nova Tester")
   await page.getByRole("button", {name: "Create Account"}).click()
 
   await expect(page.getByRole("heading", {name: "Backup your Key"})).toHaveCount(0)

e2e/specs/people.spec.ts

@@ -283,7 +283,7 @@ test("US-078 edit your own profile", async ({seed, as}) => {
   await edit.click()
 
   const form = page.locator("form").first()
-  const nickname = form.locator('input[type="text"]').first()
+  const nickname = form.getByRole("textbox", {name: "Nickname"})
   const about = form.locator("textarea")
   const picker = page.locator('label[aria-label="Drag and drop files here."]')
 

src/app/components/ProfileEditForm.svelte

@@ -84,7 +84,7 @@
       {#snippet input()}
         <label class="input flex w-full items-center gap-2">
           <Icon icon={UserCircle} />
-          <input bind:value={values.profile.name} class="grow" type="text" />
+          <input bind:value={values.profile.name} class="grow" type="text" aria-label="Nickname" />
         </label>
       {/snippet}
       {#snippet info()}
@@ -96,8 +96,11 @@
         <p>About You</p>
       {/snippet}
       {#snippet input()}
-        <textarea class="textarea input leading-4 w-full" rows="5" bind:value={values.profile.about}
-        ></textarea>
+        <textarea
+          class="textarea input leading-4 w-full"
+          rows="5"
+          bind:value={values.profile.about}
+          aria-label="About You"></textarea>
       {/snippet}
       {#snippet info()}
         Give a brief introduction to why you're here.
@@ -140,7 +143,11 @@
         {#snippet input()}
           <label class="input flex w-full items-center gap-2">
             <Icon icon={MapPoint} />
-            <input bind:value={values.profile.nip05} class="grow" type="text" />
+            <input
+              bind:value={values.profile.nip05}
+              class="grow"
+              type="text"
+              aria-label="Nostr Address" />
           </label>
         {/snippet}
         {#snippet info()}