diff --git a/frontend/src/components/common/FileOpenInput.vue b/frontend/src/components/common/FileOpenInput.vue
index 369cb9e..1656d87 100644
--- a/frontend/src/components/common/FileOpenInput.vue
+++ b/frontend/src/components/common/FileOpenInput.vue
@@ -28,4 +28,4 @@ const handleSelectFile = async () => {
     </n-input-group>
 </template>
 
-<style scoped lang="scss"></style>
+<style lang="scss" scoped></style>
diff --git a/frontend/src/components/common/SwitchButton.vue b/frontend/src/components/common/SwitchButton.vue
index ea8433c..ab62190 100644
--- a/frontend/src/components/common/SwitchButton.vue
+++ b/frontend/src/components/common/SwitchButton.vue
@@ -42,12 +42,12 @@ const handleSwitch = (idx) => {
 <template>
     <n-button-group>
         <n-tooltip
-            :show-arrow="false"
             v-for="(icon, i) in props.icons"
             :key="i"
-            :disabled="!(props.tTooltips && props.tTooltips[i])">
+            :disabled="!(props.tTooltips && props.tTooltips[i])"
+            :show-arrow="false">
             <template #trigger>
-                <n-button :tertiary="i !== props.value" :focusable="false" :size="props.size" @click="handleSwitch(i)">
+                <n-button :focusable="false" :size="props.size" :tertiary="i !== props.value" @click="handleSwitch(i)">
                     <template #icon>
                         <n-icon :size="props.iconSize">
                             <component
@@ -62,4 +62,4 @@ const handleSwitch = (idx) => {
     </n-button-group>
 </template>
 
-<style scoped lang="scss"></style>
+<style lang="scss" scoped></style>
diff --git a/frontend/src/components/content_value/ContentCli.vue b/frontend/src/components/content_value/ContentCli.vue
index c24d32e..ec495e2 100644
--- a/frontend/src/components/content_value/ContentCli.vue
+++ b/frontend/src/components/content_value/ContentCli.vue
@@ -361,7 +361,7 @@ const receiveTermOutput = (data) => {
     <div ref="termRef" class="xterm" />
 </template>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .xterm {
     width: 100%;
     min-height: 100%;
diff --git a/frontend/src/components/icons/Cluster.vue b/frontend/src/components/icons/Cluster.vue
index ecedc6b..2048775 100644
--- a/frontend/src/components/icons/Cluster.vue
+++ b/frontend/src/components/icons/Cluster.vue
@@ -16,52 +16,52 @@ const props = defineProps({
 <template>
     <svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
-            fill="currentColor"
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
+            fill="currentColor"
             height="8"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round"
             width="8"
             x="4"
             y="34" />
         <rect
-            fill="currentColor"
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
+            fill="currentColor"
             height="12"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round"
             width="32"
             x="8"
             y="6" />
         <path
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M24 34V18"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M8 34V26H40V34"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <rect
-            fill="currentColor"
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
+            fill="currentColor"
             height="8"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round"
             width="8"
             x="36"
             y="34" />
         <rect
-            fill="currentColor"
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
+            fill="currentColor"
             height="8"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round"
             width="8"
diff --git a/frontend/src/components/icons/Database.vue b/frontend/src/components/icons/Database.vue
index 37ec83a..a38374f 100644
--- a/frontend/src/components/icons/Database.vue
+++ b/frontend/src/components/icons/Database.vue
@@ -16,31 +16,31 @@ const props = defineProps({
 <template>
     <svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <ellipse
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             cx="24"
             cy="10"
             fill="currentColor"
             rx="20"
             ry="6"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
diff --git a/frontend/src/components/icons/Detail.vue b/frontend/src/components/icons/Detail.vue
index 27a7d3c..5fedc99 100644
--- a/frontend/src/components/icons/Detail.vue
+++ b/frontend/src/components/icons/Detail.vue
@@ -14,93 +14,93 @@ const props = defineProps({
 </script>
 
 <template>
-    <svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
-            x="6"
-            y="6"
-            width="36"
+            :stroke-width="props.strokeWidth"
+            fill="currentColor"
             height="36"
             rx="3"
-            fill="currentColor"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
-            stroke-linejoin="round" />
+            stroke-linejoin="round"
+            width="36"
+            x="6"
+            y="6" />
         <rect
-            x="13"
-            y="13"
-            width="8"
-            height="8"
-            fill="#FFF"
-            stroke="#FFF"
             :stroke-width="props.strokeWidth"
-            stroke-linejoin="round" />
+            fill="#FFF"
+            height="8"
+            stroke="#FFF"
+            stroke-linejoin="round"
+            width="8"
+            x="13"
+            y="13" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M27 13L35 13"
             stroke="#FFF"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M27 20L35 20"
             stroke="#FFF"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M13 28L35 28"
             stroke="#FFF"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M13 35H35"
             stroke="#FFF"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
-    <svg v-else viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
-            x="6"
-            y="6"
-            width="36"
+            :stroke-width="props.strokeWidth"
+            fill="none"
             height="36"
             rx="3"
-            fill="none"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
-            stroke-linejoin="round" />
+            stroke-linejoin="round"
+            width="36"
+            x="6"
+            y="6" />
         <rect
-            x="13"
-            y="13"
-            width="8"
-            height="8"
-            fill="none"
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
-            stroke-linejoin="round" />
+            fill="none"
+            height="8"
+            stroke="currentColor"
+            stroke-linejoin="round"
+            width="8"
+            x="13"
+            y="13" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M27 13L35 13"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M27 20L35 20"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M13 28L35 28"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M13 35H35"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
diff --git a/frontend/src/components/icons/ListView.vue b/frontend/src/components/icons/ListView.vue
index 94e7190..c206aa8 100644
--- a/frontend/src/components/icons/ListView.vue
+++ b/frontend/src/components/icons/ListView.vue
@@ -8,38 +8,38 @@ const props = defineProps({
 </script>
 
 <template>
-    <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
+            :stroke-width="props.strokeWidth"
             d="M9 42C11.2091 42 13 40.2091 13 38C13 35.7909 11.2091 34 9 34C6.79086 34 5 35.7909 5 38C5 40.2091 6.79086 42 9 42Z"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M9 14C11.2091 14 13 12.2092 13 10C13 7.79086 11.2091 6 9 6C6.79086 6 5 7.79086 5 10C5 12.2092 6.79086 14 9 14Z"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M9 28C11.2091 28 13 26.2092 13 24C13 21.7908 11.2091 20 9 20C6.79086 20 5 21.7908 5 24C5 26.2092 6.79086 28 9 28Z"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M21 24H43"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M21 38H43"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M21 10H43"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
diff --git a/frontend/src/components/icons/Log.vue b/frontend/src/components/icons/Log.vue
index 8fed2ba..c756ab5 100644
--- a/frontend/src/components/icons/Log.vue
+++ b/frontend/src/components/icons/Log.vue
@@ -12,24 +12,24 @@ const props = defineProps({
 </script>
 
 <template>
-    <svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
-            x="13"
-            y="10"
-            width="28"
-            height="34"
             fill="currentColor"
+            height="34"
             stroke="currentColor"
+            stroke-linejoin="round"
             stroke-width="3"
-            stroke-linejoin="round" />
+            width="28"
+            x="13"
+            y="10" />
         <path
             d="M35 10V4H8C7.44772 4 7 4.44772 7 5V38H13"
             stroke="currentColor"
-            stroke-width="3"
             stroke-linecap="round"
-            stroke-linejoin="round" />
-        <path d="M21 22H33" stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-        <path d="M21 30H33" stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
+            stroke-linejoin="round"
+            stroke-width="3" />
+        <path d="M21 22H33" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" />
+        <path d="M21 30H33" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" />
     </svg>
     <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
diff --git a/frontend/src/components/icons/Server.vue b/frontend/src/components/icons/Server.vue
index dac4a10..917abe9 100644
--- a/frontend/src/components/icons/Server.vue
+++ b/frontend/src/components/icons/Server.vue
@@ -16,10 +16,10 @@ const props = defineProps({
 <template>
     <svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
-            fill="currentColor"
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M41 4H7C5.34315 4 4 5.34315 4 7V41C4 42.6569 5.34315 44 7 44H41C42.6569 44 44 42.6569 44 41V7C44 5.34315 42.6569 4 41 4Z"
+            fill="currentColor"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M4 32H44" stroke="#FFF" stroke-linecap="round" />
@@ -36,15 +36,15 @@ const props = defineProps({
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M44 37V27"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
-            stroke="currentColor"
             :stroke-width="props.strokeWidth"
             d="M4 37V27"
+            stroke="currentColor"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
diff --git a/frontend/src/components/icons/Status.vue b/frontend/src/components/icons/Status.vue
index 6c3bd51..6386902 100644
--- a/frontend/src/components/icons/Status.vue
+++ b/frontend/src/components/icons/Status.vue
@@ -12,15 +12,15 @@ const props = defineProps({
 </script>
 
 <template>
-    <svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
             d="M42 8H6C4.89543 8 4 8.89543 4 10V38C4 39.1046 4.89543 40 6 40H42C43.1046 40 44 39.1046 44 38V10C44 8.89543 43.1046 8 42 8Z"
             fill="currentColor"
             stroke="currentColor"
             stroke-width="3" />
-        <path d="M24 17V31" stroke="#FFF" :stroke-width="props.strokeWidth" stroke-linecap="round" />
-        <path d="M32 24V31" stroke="#FFF" :stroke-width="props.strokeWidth" stroke-linecap="round" />
-        <path d="M16 22V31" stroke="#FFF" :stroke-width="props.strokeWidth" stroke-linecap="round" />
+        <path :stroke-width="props.strokeWidth" d="M24 17V31" stroke="#FFF" stroke-linecap="round" />
+        <path :stroke-width="props.strokeWidth" d="M32 24V31" stroke="#FFF" stroke-linecap="round" />
+        <path :stroke-width="props.strokeWidth" d="M16 22V31" stroke="#FFF" stroke-linecap="round" />
     </svg>
     <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
diff --git a/frontend/src/components/icons/Terminal.vue b/frontend/src/components/icons/Terminal.vue
index 54ccfa9..e93eeab 100644
--- a/frontend/src/components/icons/Terminal.vue
+++ b/frontend/src/components/icons/Terminal.vue
@@ -14,51 +14,51 @@ const props = defineProps({
 </script>
 
 <template>
-    <svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
-            x="4"
-            y="8"
-            width="40"
+            :stroke-width="props.strokeWidth"
+            fill="currentColor"
             height="32"
             rx="2"
-            fill="currentColor"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
-            stroke-linejoin="round" />
+            stroke-linejoin="round"
+            width="40"
+            x="4"
+            y="8" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M12 18L19 24L12 30"
             stroke="#FFF"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M23 32H36"
             stroke="#FFF"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
-    <svg v-else viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <rect
-            x="4"
-            y="8"
-            width="40"
+            :stroke-width="props.strokeWidth"
+            fill="none"
             height="32"
             rx="2"
-            fill="none"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
-            stroke-linejoin="round" />
+            stroke-linejoin="round"
+            width="40"
+            x="4"
+            y="8" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M12 18L19 24L12 30"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M23 32H36"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
diff --git a/frontend/src/components/icons/TreeView.vue b/frontend/src/components/icons/TreeView.vue
index 23a27f1..569fef0 100644
--- a/frontend/src/components/icons/TreeView.vue
+++ b/frontend/src/components/icons/TreeView.vue
@@ -8,47 +8,47 @@ const props = defineProps({
 </script>
 
 <template>
-    <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
+            :stroke-width="props.strokeWidth"
             d="M38 20H18V28H38V20Z"
             fill="none"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M32 6H18V14H32V6Z"
             fill="none"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M44 34H18V42H44V34Z"
             fill="none"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M17 10H5"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M17 24H5"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M17 38H5"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
         <path
+            :stroke-width="props.strokeWidth"
             d="M5 44V4"
             stroke="currentColor"
-            :stroke-width="props.strokeWidth"
             stroke-linecap="round"
             stroke-linejoin="round" />
     </svg>
diff --git a/frontend/src/components/sidebar/ConnectionTree.vue b/frontend/src/components/sidebar/ConnectionTree.vue
index 760c5a0..0676fa6 100644
--- a/frontend/src/components/sidebar/ConnectionTree.vue
+++ b/frontend/src/components/sidebar/ConnectionTree.vue
@@ -530,10 +530,10 @@ const onCancelOpen = () => {
 
     <!-- context menu -->
     <n-dropdown
+        :keyboard="true"
         :options="contextMenuParam.options"
         :render-label="renderContextLabel"
         :show="contextMenuParam.show"
-        :keyboard="true"
         :x="contextMenuParam.x"
         :y="contextMenuParam.y"
         placement="bottom-start"