Refactor event creation and display: Remove debug logs from event creation page, enhance layout for better responsiveness, and implement image URL fallback logic in event detail and index pages. Improve error handling for image loading.

app/pages/events/index.vue

@@ -85,9 +85,10 @@
             <!-- Feature Image -->
             <div v-if="event.featureImage?.url" class="aspect-video w-full overflow-hidden">
               <img 
-                :src="getOptimizedImageUrl(event.featureImage.publicId, 'w_400,h_200,c_fill')"
+                :src="getImageUrl(event.featureImage)"
                 :alt="event.featureImage.alt || event.title"
                 class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+                @error="handleImageError"
               />
             </div>
             
@@ -325,6 +326,29 @@ const getOptimizedImageUrl = (publicId, transformations) => {
   return `https://res.cloudinary.com/${config.public.cloudinaryCloudName}/image/upload/${transformations}/f_auto,q_auto/${publicId}`
 }
 
+// Get image URL with fallback logic
+const getImageUrl = (featureImage) => {
+  if (!featureImage) return ''
+  
+  // If we have a direct URL, use it as primary (since seed data uses external URLs)
+  if (featureImage.url) {
+    return featureImage.url
+  }
+  
+  // Fallback to Cloudinary if we have a publicId
+  if (featureImage.publicId) {
+    return getOptimizedImageUrl(featureImage.publicId, 'w_400,h_200,c_fill')
+  }
+  
+  return ''
+}
+
+// Handle image loading errors
+const handleImageError = (event) => {
+  console.warn('Image failed to load:', event.target.src)
+  // Optionally hide the image container or show a placeholder
+}
+
 // Handle calendar event click
 const onEventClick = (event) => {
   if (event.id) {