Added timestamps for calendars

pages/explore.vue

@@ -1,8 +1,7 @@
 <script lang="ts" setup>
-import { PhCalendarDots } from "@phosphor-icons/vue";
 import type { Calendar } from "~/models/CalendarConfig";
 
-const { data: availableCalendars } = await useLazyFetch<{ data: Calendar[] }>("/api/calendars/query", { key: "explore-calendars" })
+const { data: availableCalendars } = await useLazyFetch<{ data: Calendar[] }>("/api/calendars/query", { key: "explore-calendars", query: { full: true } })
 </script>
 
 <template>
@@ -23,21 +22,7 @@ const { data: availableCalendars } = await useLazyFetch<{ data: Calendar[] }>("/
 
         <ul v-if="availableCalendars?.data" class="grid md:grid-cols-3 gap-2">
           <li v-for="calendar in availableCalendars.data" :key="calendar.shortId">
-            <UiCard
-              class="w-full transition-all hover:bg-slate-50 dark:bg-gray-950 dark:hover:bg-indigo-950 dark:focus-within:outline-gray-900"
-              :link="`/calendars/${calendar.shortId}`"
-            >
-              <UiCardHeader>
-                <UiCardTitle class="text-xl pr-12">{{ calendar.name }}</UiCardTitle>
-              </UiCardHeader>
-
-              <UiCardContent>
-                <p class="flex items-center gap-1">
-                  <PhCalendarDots size="24" />
-                  <span>{{ $t("entity.calendar.hasXEvents", { count: calendar.eventNb?.[0].count }) }}</span>
-                </p>
-              </UiCardContent>
-            </UiCard>
+            <CalendarPreviewCard :calendar="calendar" :gm-id="calendar.world?.gmId" />
           </li>
         </ul>
       </Spacing>

pages/my/worlds/[id].vue

@@ -190,7 +190,7 @@ function hideEditModal() {
 
           <ul class="grid md:grid-cols-3 gap-2">
             <li v-for="calendar in sortedCalendars" :key="calendar.id">
-              <CalendarPreviewCard :calendar="calendar" @on-delete="() => deployDeleteCalendarModal(calendar)" />
+              <CalendarPreviewCard :calendar="calendar" :gm-id="world.data.gmId" show-actions @on-delete="() => deployDeleteCalendarModal(calendar)" />
             </li>
 
             <li class="md:w-fit">