test: Migrate Cypress E2E tests to Playwright (#18970)

packages/testing/playwright/pages/SettingsPage.ts

@@ -16,4 +16,33 @@ export class SettingsPage extends BasePage {
 	async goToSettings() {
 		await this.page.goto('/settings');
 	}
+
+	async goToPersonalSettings() {
+		await this.page.goto('/settings/personal');
+	}
+
+	getPersonalDataForm() {
+		return this.page.getByTestId('personal-data-form');
+	}
+
+	getFirstNameField() {
+		return this.getPersonalDataForm().locator('input[name="firstName"]');
+	}
+
+	getLastNameField() {
+		return this.getPersonalDataForm().locator('input[name="lastName"]');
+	}
+
+	getSaveSettingsButton() {
+		return this.page.getByTestId('save-settings-button');
+	}
+
+	async fillPersonalData(firstName: string, lastName: string) {
+		await this.getFirstNameField().fill(firstName);
+		await this.getLastNameField().fill(lastName);
+	}
+
+	async saveSettings() {
+		await this.getSaveSettingsButton().click();
+	}
 }