Added a bunch of mini features

Sorted worlds, add preview and add cards, added timestamps...

pages/explore.vue

@@ -1,4 +1,5 @@
 <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" })
@@ -31,8 +32,9 @@ const { data: availableCalendars } = await useLazyFetch<{ data: Calendar[] }>("/
               </UiCardHeader>
 
               <UiCardContent>
-                <p>
-                  {{ $t("entity.calendar.hasXEvents", { count: calendar.eventNb?.[0].count }) }}
+                <p class="flex items-center gap-1">
+                  <PhCalendarDots size="24" />
+                  <span>{{ $t("entity.calendar.hasXEvents", { count: calendar.eventNb?.[0].count }) }}</span>
                 </p>
               </UiCardContent>
             </UiCard>