feat: add enable/disable toggle for chore scheduling in ScheduleModal

- Introduced a toggle button to enable or disable chores in the scheduler.
- The toggle will be available in both types of schedulers.
- Added UI design proposal and considerations for mobile dimensions.
- Included E2E tests to ensure toggle state persistence and correct behavior in child view.

frontend/vue-app/e2e/mode_parent/user-profile/delete-account.spec.ts

@@ -1,18 +1,11 @@
 // spec: e2e/plans/user-profile.plan.md
 
 import { test, expect } from '@playwright/test'
-import { E2E_EMAIL, E2E_PASSWORD } from '../../e2e-constants'
-
-const BACKEND = 'http://localhost:5000'
+import { E2E_DELETE_EMAIL, E2E_DELETE_PASSWORD } from '../../e2e-constants'
 
 test.describe('User Profile – Delete Account', () => {
   test.describe.configure({ mode: 'serial' })
 
-  test.afterAll(async ({ request }) => {
-    // Re-seed the e2e database to restore the test user for any subsequent test suites
-    await request.post(`${BACKEND}/auth/e2e-seed`)
-  })
-
   test('Delete My Account opens confirmation dialog', async ({ page }) => {
     await page.goto('/parent/profile')
 
@@ -46,7 +39,7 @@ test.describe('User Profile – Delete Account', () => {
     await page.getByRole('button', { name: 'Delete My Account' }).click()
     await expect(page.locator('.modal-title', { hasText: 'Delete Your Account?' })).toBeVisible()
 
-    await page.locator('#confirmEmail').fill(E2E_EMAIL)
+    await page.locator('#confirmEmail').fill(E2E_DELETE_EMAIL)
 
     await expect(
       page.locator('.modal-dialog').getByRole('button', { name: 'Delete', exact: true }),
@@ -87,7 +80,7 @@ test.describe('User Profile – Delete Account', () => {
     await page.getByRole('button', { name: 'Delete My Account' }).click()
     await expect(page.locator('.modal-title', { hasText: 'Delete Your Account?' })).toBeVisible()
 
-    await page.locator('#confirmEmail').fill(E2E_EMAIL)
+    await page.locator('#confirmEmail').fill(E2E_DELETE_EMAIL)
     await page.locator('.modal-dialog').getByRole('button', { name: 'Delete', exact: true }).click()
 
     // Confirmation modal appears
@@ -104,8 +97,8 @@ test.describe('User Profile – Delete Account', () => {
   test('Login after deletion is blocked with an appropriate error', async ({ page }) => {
     await page.goto('/auth/login')
 
-    await page.getByLabel('Email address').fill(E2E_EMAIL)
-    await page.getByLabel('Password').fill(E2E_PASSWORD)
+    await page.getByLabel('Email address').fill(E2E_DELETE_EMAIL)
+    await page.getByLabel('Password').fill(E2E_DELETE_PASSWORD)
     await page.getByRole('button', { name: 'Sign in' }).click()
 
     // Login must fail with a deletion-related error message