refactor: dialogs (#1224)

* refactor: dialogs

* fix: storeAvatarImage

* FriendLog.vue

* FriendLog.vue

* FriendLog.vue

* GameLog.vue

* fix: next day button jumping to the wrong date

* sync master

* fix: launchGame

* Notification.vue

* Feed.vue

* Search.vue

* Profile.vue

* PlayerList.vue

* Login.vue

* utils

* update dialog

* del gameLog.pug

* fix

* fix: group role cannot be displayed currently

* fix: "Hide Friends in Same Instance" hides players in unrelated private instances (#1210)

* fix

* fix: "Hide Friends in Same Instance" does not work when "Split Favorite Friends" is enabled

* fix Notification.vue message

* fix: deleteFavoriteNoConfirm

* fix: feed status style

* fix: infinite loading when deleting note

* fix: private players will not be hidden when 'Hide Friends in Same Instance', and 'Hide Friends in Same Instance' will not work when 'Split Favorite Friends'

src/components/dialogs/GroupDialog/GroupMemberModerationExportDialog.vue

@@ -1,14 +1,11 @@
 <template>
-    <el-dialog
+    <safe-dialog
         class="x-dialog"
-        :before-close="beforeDialogClose"
         :visible="isGroupLogsExportDialogVisible"
         :title="t('dialog.group_member_moderation.export_logs')"
         width="650px"
         append-to-body
-        @close="setIsGroupLogsExportDialogVisible"
-        @mousedown.native="dialogMouseDown"
-        @mouseup.native="dialogMouseUp">
+        @close="setIsGroupLogsExportDialogVisible">
         <el-checkbox-group
             v-model="checkedGroupLogsExportLogsOptions"
             style="margin-bottom: 10px"
@@ -29,17 +26,14 @@
             readonly
             style="margin-top: 15px"
             @click.native="handleCopyGroupLogsExportContent" />
-    </el-dialog>
+    </safe-dialog>
 </template>
 
 <script setup>
-    import { inject, ref, watch } from 'vue';
+    import { ref, watch } from 'vue';
     import { useI18n } from 'vue-i18n-bridge';
-    import utils from '../../../classes/utils';
+    import { copyToClipboard } from '../../../composables/shared/utils';
 
-    const beforeDialogClose = inject('beforeDialogClose');
-    const dialogMouseDown = inject('dialogMouseDown');
-    const dialogMouseUp = inject('dialogMouseUp');
     const { t } = useI18n();
 
     const props = defineProps({
@@ -101,7 +95,7 @@
     }
 
     function handleCopyGroupLogsExportContent() {
-        utils.copyToClipboard(groupLogsExportContent.value);
+        copyToClipboard(groupLogsExportContent.value);
     }
 
     function setIsGroupLogsExportDialogVisible() {