Update EmailDialog to accept email prop from ProfilePage and adjust email state handling accordingly.

frontend/src/views/profile/ProfilePage.vue

@@ -124,6 +124,7 @@ const closeDialog = () => {
       <component
           :is="currentComponent"
           :creator="creatorProfileStore.creator"
+          :email="userProfileStore.user.email"
           @closeRequested="closeDialog"
       ></component>
     </v-dialog>

frontend/src/views/profile/account/EmailDialog.vue

@@ -32,6 +32,10 @@ import { useTranslations } from "@/translations/translations";
 
 const t = useTranslations();
 const props = defineProps({
+  email: {
+    required: true,
+    type: String
+  },
   creator: {
     required: true
   }
@@ -39,7 +43,7 @@ const props = defineProps({
 
 const emits = defineEmits(['closeRequested']);
 
-const email = ref(props.creator.email);
+const email = ref(props.email);
 
 const client = useClient();
 const save = async () => {