fix(web): add id and name attributes to input fields for accessibility (#1144)

* feat(web): add id and name attributes to input fields for accessibility

* Update packages/web/src/views/Today/components/Task/Task.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/web/src/views/Onboarding/steps/events/SomedaySandbox/SomedaySandbox.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/web/src/views/Onboarding/steps/events/SomedaySandbox/SomedaySandbox.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: tyler-dane

packages/web/src/views/Login/Login.tsx

@@ -144,6 +144,8 @@ export const LoginView = () => {
                 </InfoText>
                 <EmailFormContainer onSubmit={handleCheckWaitlistSubmit}>
                   <EmailInputField
+                    id="email-input"
+                    name="email"
                     type="email"
                     placeholder="Enter your email"
                     value={emailInput}

packages/web/src/views/Onboarding/steps/events/SomedaySandbox/SomedaySandbox.tsx

@@ -73,6 +73,8 @@ export const SomedaySandbox: React.FC<OnboardingStepProps> = ({
             {weekTasks.length < WEEK_LIMIT && (
               <TaskInput
                 autoFocus
+                id="week-task-input"
+                name="week-task-input"
                 type="text"
                 placeholder="Create new task..."
                 value={newWeekTask}
@@ -99,6 +101,8 @@ export const SomedaySandbox: React.FC<OnboardingStepProps> = ({
             {monthTasks.length < MONTH_LIMIT && (
               <TaskInput
                 ref={monthInputRef}
+                id="month-task-input"
+                name="month-task-input"
                 type="text"
                 placeholder="Create new task..."
                 value={newMonthTask}

packages/web/src/views/Today/components/AddTask/AddTaskActiveButton.tsx

@@ -31,6 +31,8 @@ export function AddTaskActiveButton({
       <div className="flex-1">
         <input
           ref={addTaskInputRef}
+          id="add-task-input"
+          name="new-task-title"
           type="text"
           value={newTaskTitle}
           onChange={(e) => setNewTaskTitle(e.target.value)}

packages/web/src/views/Today/components/Task/Task.tsx

@@ -65,6 +65,8 @@ export const Task = ({
           tabIndex={-1}
           aria-label={`Edit ${task.title}`}
           data-task-id={task.id}
+          id={`task-input-${task.id}`}
+          name={`task-title-${task.id}`}
           className={`text-white-100 w-full bg-transparent text-sm outline-none ${
             isEditing
               ? "border-b border-white/20"