Refactor account settings and e2e tests

Renamed several components related to account settings and updated corresponding data-test selectors for more clarity. Adjusted e2e tests to reflect these changes and added tests for new functionalities, like changing password and deleting account. In addition, generator description in monorepo configuration was simplified. Minor changes were also made to e2e test utilities for better error handling.

packages/features/accounts/src/components/personal-account-dropdown.tsx

@@ -67,7 +67,7 @@ export function PersonalAccountDropdown({
     <DropdownMenu>
       <DropdownMenuTrigger
         aria-label="Open your profile menu"
-        data-test={'profile-dropdown-trigger'}
+        data-test={'account-dropdown-trigger'}
         className={cn(
           'animate-in fade-in group flex cursor-pointer items-center focus:outline-none',
           className ?? '',
@@ -179,6 +179,7 @@ export function PersonalAccountDropdown({
         <DropdownMenuSeparator />
 
         <DropdownMenuItem
+          data-test={'account-dropdown-sign-out'}
           role={'button'}
           className={'cursor-pointer'}
           onClick={signOutRequested}

packages/features/accounts/src/components/personal-account-settings/account-danger-zone.tsx

@@ -84,6 +84,7 @@ function DeleteAccountForm() {
   return (
     <Form {...form}>
       <form
+        data-test={'delete-account-form'}
         action={deletePersonalAccountAction}
         className={'flex flex-col space-y-4'}
       >

packages/features/accounts/src/components/personal-account-settings/password/update-password-form.tsx

@@ -93,7 +93,7 @@ export const UpdatePasswordForm = ({
   return (
     <Form {...form}>
       <form
-        data-test={'update-password-form'}
+        data-test={'account-password-form'}
         onSubmit={form.handleSubmit(updatePasswordCallback)}
       >
         <div className={'flex flex-col space-y-4'}>
@@ -118,7 +118,7 @@ export const UpdatePasswordForm = ({
 
                   <FormControl>
                     <Input
-                      data-test={'new-password'}
+                      data-test={'account-password-form-password-input'}
                       required
                       type={'password'}
                       {...field}
@@ -144,7 +144,7 @@ export const UpdatePasswordForm = ({
 
                   <FormControl>
                     <Input
-                      data-test={'repeat-password'}
+                      data-test={'account-password-form-repeat-password-input'}
                       required
                       type={'password'}
                       {...field}