Feat: Show workspace ID for server admins (#3927)

packages/frontend-2/pages/settings/user/profile.vue

@@ -9,7 +9,7 @@
         <hr class="my-6 md:my-8 border-outline-2" />
         <SettingsUserProfileDeleteAccount :user="user" />
         <hr class="my-6 md:my-8 border-outline-2" />
-        <div class="text-xs text-foreground-2 w-full flex flex-col space-y-2">
+        <div class="text-body-2xs text-foreground-2 w-full flex flex-col space-y-2">
           <div class="flex">
             User ID: #{{ user.id }}
             <ClipboardIcon

packages/frontend-2/pages/settings/workspaces/[slug]/general.vue

@@ -126,6 +126,12 @@
           </div>
         </div>
       </template>
+      <template v-if="isServerAdmin">
+        <hr class="mb-6 mt-8 border-outline-2" />
+        <p class="text-body-2xs text-foreground-2">
+          Workspace ID: #{{ workspaceResult?.workspaceBySlug?.id }}
+        </p>
+      </template>
     </div>
 
     <SettingsWorkspacesGeneralLeaveDialog
@@ -221,6 +227,7 @@ const config = useRuntimeConfig()
 const { hasSsoEnabled, needsSsoLogin } = useWorkspaceSsoStatus({
   workspaceSlug: computed(() => workspaceResult.value?.workspaceBySlug?.slug || '')
 })
+const { isAdmin: isServerAdmin } = useActiveUser()
 
 const name = ref('')
 const slug = ref('')