feat: add launching screen to indicate launching status

feat: store custom aside width to preferences

frontend/src/components/sidebar/ConnectionTree.vue

@@ -18,7 +18,6 @@ import Edit from '../icons/Edit.vue'
 import { useConfirmDialog } from '../../utils/confirm_dialog.js'
 
 const i18n = useI18n()
-const loadingConnection = ref(false)
 const openingConnection = ref(false)
 const connectionStore = useConnectionStore()
 const tabStore = useTabStore()
@@ -34,16 +33,6 @@ const props = defineProps({
     },
 })
 
-onMounted(async () => {
-    try {
-        loadingConnection.value = true
-        await nextTick()
-        await connectionStore.initConnections()
-    } finally {
-        loadingConnection.value = false
-    }
-})
-
 const contextMenuParam = reactive({
     show: false,
     x: 0,
@@ -337,7 +326,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
     />
 
     <!-- status display modal -->
-    <n-modal :show="loadingConnection || openingConnection" transform-origin="center">
+    <n-modal :show="openingConnection" transform-origin="center">
         <n-card
             :bordered="false"
             :content-style="{ textAlign: 'center' }"
@@ -347,7 +336,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
         >
             <n-spin>
                 <template #description>
-                    {{ openingConnection ? $t('opening_connection') : '' }}
+                    {{ $t('opening_connection') }}
                 </template>
             </n-spin>
         </n-card>