⚡ Perf: fix memory leak of main page

src/renderer/components/InputBoxDialog.vue

@@ -3,6 +3,7 @@
     v-model="showInputBoxVisible"
     :title="inputBoxOptions.title || $T('INPUT')"
     :modal-append-to-body="false"
+    append-to-body
   >
     <el-input
       v-model="inputBoxValue"

src/renderer/layouts/Main.vue

@@ -165,6 +165,7 @@
       :title="$T('SPONSOR_PICLIST')"
       width="70%"
       top="10vh"
+      append-to-body
     >
       {{ $T('PICLIST_SPONSOR_TEXT') }}
       <el-row class="support">
@@ -198,6 +199,7 @@
       :title="$T('PICBED_QRCODE')"
       :modal-append-to-body="false"
       lock-scroll
+      append-to-body
     >
       <el-form
         label-position="left"

src/renderer/pages/Gallery.vue

@@ -294,6 +294,7 @@
       :title="$T('CHANGE_IMAGE_URL')"
       width="500px"
       :modal-append-to-body="false"
+      append-to-body
     >
       <el-input v-model="imgInfo.imgUrl" />
       <template #footer>
@@ -315,6 +316,7 @@
       align-center
       draggable
       destroy-on-close
+      append-to-body
     >
       <el-link
         :underline="false"

src/renderer/pages/Plugin.vue

@@ -194,6 +194,7 @@
         c: configName
       })"
       width="70%"
+      append-to-body
     >
       <config-form
         :id="configName"

src/renderer/pages/ShortKey.vue

@@ -81,6 +81,7 @@
       v-model="keyBindingVisible"
       :title="$T('SHORTCUT_CHANGE_UPLOAD')"
       :modal-append-to-body="false"
+      append-to-body
     >
       <el-form
         label-position="top"