Lots of UI fixes

server/api/events/[id]/register.post.js

@@ -1,6 +1,7 @@
 import Event from "../../../models/event.js";
 import Member from "../../../models/member.js";
 import { connectDB } from "../../../utils/mongoose.js";
+import { sendEventRegistrationEmail } from "../../../utils/resend.js";
 import mongoose from "mongoose";
 
 export default defineEventHandler(async (event) => {
@@ -102,7 +103,7 @@ export default defineEventHandler(async (event) => {
     }
 
     // Add registration
-    eventData.registrations.push({
+    const registration = {
       memberId: member ? member._id : null,
       name: body.name,
       email: body.email.toLowerCase(),
@@ -112,13 +113,20 @@ export default defineEventHandler(async (event) => {
       amountPaid: 0,
       dietary: body.dietary || false,
       registeredAt: new Date(),
-    });
+    };
+
+    eventData.registrations.push(registration);
 
     // Save the updated event
     await eventData.save();
 
-    // TODO: Send confirmation email using Resend
-    // await sendEventRegistrationEmail(body.email, eventData)
+    // Send confirmation email using Resend
+    try {
+      await sendEventRegistrationEmail(registration, eventData);
+    } catch (emailError) {
+      // Log error but don't fail the registration
+      console.error("Failed to send confirmation email:", emailError);
+    }
 
     return {
       success: true,