Changed card color for calendars and worlds

components/ui/card/Card.vue

@@ -25,11 +25,11 @@ const emit = defineEmits(["on-click"])
     <NuxtLink
       v-if="props.link"
       :to="props.link"
-      class="absolute inset-0 z-10 focus-visible:outline-hidden"
+      class="absolute inset-0 z-10 focus-visible:outline-hidden cursor-pointer"
     />
     <button
       v-if="props.hasClick"
-      class="absolute inset-0 z-10 focus-visible:outline-hidden"
+      class="absolute inset-0 z-10 focus-visible:outline-hidden cursor-pointer"
       @click="emit('on-click')" />
   </div>
 </template>

components/ui/card/CardFooter.vue

@@ -8,7 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div :class="cn('flex items-center p-6 border-t-2 border-t-slate-900', props.class)">
+  <div :class="cn('flex items-center p-6 border-t-2 border-t-border', props.class)">
     <slot />
   </div>
 </template>