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/views/Settings/dialogs/RegistryBackupDialog.vue

@@ -1,14 +1,11 @@
 <template>
-    <el-dialog
+    <safe-dialog
         class="x-dialog"
-        :before-close="beforeDialogClose"
         :visible="isRegistryBackupDialogVisible"
         :title="t('dialog.registry_backup.header')"
         width="600px"
         @close="closeDialog"
-        @closed="clearVrcRegistryDialog"
-        @mousedown.native="dialogMouseDown"
-        @mouseup.native="dialogMouseUp">
+        @closed="clearVrcRegistryDialog">
         <div style="margin-top: 10px">
             <div style="display: flex; align-items: center; justify-content: space-between; font-size: 12px">
                 <span class="name" style="margin-right: 24px">{{ t('dialog.registry_backup.auto_backup') }}</span>
@@ -70,19 +67,17 @@
                 </div>
             </div>
         </div>
-    </el-dialog>
+    </safe-dialog>
 </template>
 
 <script setup>
-    import { getCurrentInstance, inject, ref, watch } from 'vue';
+    import { getCurrentInstance, ref, watch } from 'vue';
     import { useI18n } from 'vue-i18n-bridge';
-    import configRepository from '../../../service/config';
     import utils from '../../../classes/utils';
-    const { t } = useI18n();
+    import { downloadAndSaveJson } from '../../../composables/shared/utils';
+    import configRepository from '../../../service/config';
 
-    const beforeDialogClose = inject('beforeDialogClose');
-    const dialogMouseDown = inject('dialogMouseDown');
-    const dialogMouseUp = inject('dialogMouseUp');
+    const { t } = useI18n();
 
     const instance = getCurrentInstance();
     const { $confirm, $message, $prompt } = instance.proxy;
@@ -172,7 +167,7 @@
     }
 
     function saveVrcRegistryBackupToFile(row) {
-        utils.downloadAndSaveJson(row.name, row.data);
+        downloadAndSaveJson(row.name, row.data);
     }
 
     async function deleteVrcRegistryBackup(row) {