Sermon dates

components/SermonCard.vue

@@ -2,7 +2,7 @@
   <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow overflow-hidden">
     <div class="p-6">
       <h3 class="text-xl font-semibold text-gray-900 mb-2">{{ sermon.title }}</h3>
-      <p class="text-sm text-gray-500 mb-4">{{ formatDate(sermon.date) }}</p>
+      <p class="text-sm text-gray-500 mb-4">{{ formatDate(sermon.displayDate || sermon.date) }}</p>
       
       <div class="flex items-center justify-between">
         <NuxtLink 
@@ -24,6 +24,7 @@ interface Sermon {
   slug: string
   title: string
   date: string
+  displayDate?: string
   bible_references: string
   personal_appliance: string
   pastors_challenge: string