feat: added the ability to add subtitles in multiple columns

packages/hoppscotch-sh-admin/src/pages/users/index.vue

@@ -51,8 +51,7 @@
           badge-name="Admin"
           :badge-row-index="adminUsers"
           badge-col-name="name"
-          subtitle-col-name="createdOn"
-          :subtitle="createdTime"
+          :subtitle="subtitle"
         >
           <template #action="{ item }">
             <td>
@@ -141,7 +140,7 @@
 
 <script setup lang="ts">
 import { format } from 'date-fns';
-import { computed, ref, watch } from 'vue';
+import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { useMutation } from '@urql/vue';
 import {
   InviteNewUserDocument,
@@ -218,6 +217,22 @@ const createdTime = computed(() => {
   });
 });
 
+onMounted(() => {
+  console.log(createdTime);
+
+  console.log(createdTime.value);
+  for (var item in createdTime.value) {
+    console.log(item);
+  }
+});
+
+const subtitle = reactive([
+  {
+    colName: 'createdOn',
+    subtitle: createdTime,
+  },
+]);
+
 // Send Invitation through Email
 const sendInvitation = useMutation(InviteNewUserDocument);
 const showInviteUserModal = ref(false);