refactor: applied code review

src/components/dialog/content/setting/WorkspacePanel.vue

@@ -1,9 +0,0 @@
-<template>
-  <div class="h-full">
-    <WorkspacePanelContent />
-  </div>
-</template>
-
-<script setup lang="ts">
-import WorkspacePanelContent from '@/components/dialog/content/setting/WorkspacePanelContent.vue'
-</script>

src/components/dialog/content/setting/WorkspacePanelContent.vue

@@ -75,12 +75,15 @@
       </template>
     </div>
 
-    <div v-if="activeTab === 'plan'" class="pt-4">
-      <SubscriptionPanelContentWorkspace />
-    </div>
-    <div v-else-if="activeTab === 'members'" class="pt-4">
-      <MembersPanelContent :key="workspaceRole" />
-    </div>
+    <SubscriptionPanelContentWorkspace
+      v-if="activeTab === 'plan'"
+      class="mt-4"
+    />
+    <MembersPanelContent
+      v-else-if="activeTab === 'members'"
+      :key="workspaceRole"
+      class="mt-4"
+    />
   </div>
 </template>
 

src/platform/settings/composables/useSettingUI.ts

@@ -168,7 +168,8 @@ export function useSettingUI(defaultPanel?: SettingPanelType) {
       children: []
     },
     component: defineAsyncComponent(
-      () => import('@/components/dialog/content/setting/WorkspacePanel.vue')
+      () =>
+        import('@/components/dialog/content/setting/WorkspacePanelContent.vue')
     )
   }