Refactor dialog components in ProfilePage to use markRaw for improved performance. Update EmailDialog to correctly handle email state and emit close events. ChangeSlugDialog now initializes newSlug with the creator's slug.

frontend/src/views/profile/ProfilePage.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {ref} from 'vue';
+import {ref, markRaw} from 'vue';
 import {useCreatorProfileStore} from '@/stores/creatorProfileStore.js';
 import {useUserProfileStore} from "@/stores/userProfileStore.js";
 import SocialsDialog from './creators/SocialsDialog.vue';
@@ -77,12 +77,12 @@ const dialogShown = ref(false);
 const currentComponent = ref('');
 
 const componentsMap = {
-  EmailDialog,
-  SocialsDialog,
-  ChangeSlugDialog,
-  ChangeNameDialog,
-  ChangeTitleDialog,
-  ChangeStripeIdDialog,
+  EmailDialog: markRaw(EmailDialog),
+  SocialsDialog: markRaw(SocialsDialog),
+  ChangeSlugDialog: markRaw(ChangeSlugDialog),
+  ChangeNameDialog: markRaw(ChangeNameDialog),
+  ChangeTitleDialog: markRaw(ChangeTitleDialog),
+  ChangeStripeIdDialog: markRaw(ChangeStripeIdDialog),
 };
 
 function requestCancel() {