Add conditional rendering for organization scope in ApiResponse.vue. only show 'seat message information' when scope is organization

Author: DevOps-zhuang

src/components/ApiResponse.vue

@@ -13,6 +13,7 @@
       </div>
 
       <br><br>
+    <div v-if="vueAppScope === 'organization'">
       <v-card max-height="575px" class="overflow-y-auto">
           <pre ref="jsonText">{{ JSON.stringify(seats, null, 2) }}</pre>
       </v-card>
@@ -23,6 +24,7 @@
           <div v-if="showSeatMessage" :class="{'copy-message': true, 'error': isError}">{{ message }}</div>
         </transition>
       </div>
+    </div>
   </v-container>
 </template>
 
@@ -43,6 +45,7 @@ export default defineComponent({
   },
   data() {
     return {
+      vueAppScope: process.env.VUE_APP_SCOPE,
       showCopyMessage: false,
       showSeatMessage: false,
       isError: false,