Mobile-friendly admin pages, redesigned homepage Next Event card

- Extract shared mobile components (BottomSheet, MoreMenu, Dropdown, etc.) into MobileComponents.tsx
- Make admin pages mobile-friendly: bookings, emails, events, faq, payments, tickets, users
- Redesign homepage Next Event card with banner image, responsive layout, and updated styling
- Fix past events showing on homepage/linktree: use proper Date comparison, auto-unfeature expired events
- Add "Over" tag to admin events list for past events
- Fix backend FRONTEND_URL for cache revalidation

Co-authored-by: Cursor <cursoragent@cursor.com>

backend/src/routes/events.ts

@@ -220,6 +220,7 @@ async function getEventTicketCount(eventId: string): Promise<number> {
 // Get next upcoming event (public) - returns featured event if valid, otherwise next upcoming
 eventsRouter.get('/next/upcoming', async (c) => {
   const now = getNow();
+  const nowMs = Date.now();
   
   // First, check if there's a featured event in site settings
   const settings = await dbGet<any>(
@@ -230,7 +231,6 @@ eventsRouter.get('/next/upcoming', async (c) => {
   let shouldUnsetFeatured = false;
   
   if (settings?.featuredEventId) {
-    // Get the featured event
     featuredEvent = await dbGet<any>(
       (db as any)
         .select()
@@ -239,37 +239,30 @@ eventsRouter.get('/next/upcoming', async (c) => {
     );
     
     if (featuredEvent) {
-      // Check if featured event is still valid:
-      // 1. Must be published
-      // 2. Must not have ended (endDatetime >= now, or startDatetime >= now if no endDatetime)
       const eventEndTime = featuredEvent.endDatetime || featuredEvent.startDatetime;
       const isPublished = featuredEvent.status === 'published';
-      const hasNotEnded = eventEndTime >= now;
+      const hasNotEnded = new Date(eventEndTime).getTime() > nowMs;
       
       if (!isPublished || !hasNotEnded) {
-        // Featured event is no longer valid - mark for unsetting
         shouldUnsetFeatured = true;
         featuredEvent = null;
       }
     } else {
-      // Featured event no longer exists
       shouldUnsetFeatured = true;
     }
   }
   
-  // If we need to unset the featured event, do it asynchronously
   if (shouldUnsetFeatured && settings) {
-    // Unset featured event in background (don't await to avoid blocking response)
-    (db as any)
-      .update(siteSettings)
-      .set({ featuredEventId: null, updatedAt: now })
-      .where(eq((siteSettings as any).id, settings.id))
-      .then(() => {
-        console.log('Featured event auto-cleared (event ended or unpublished)');
-      })
-      .catch((err: any) => {
-        console.error('Failed to clear featured event:', err);
-      });
+    try {
+      await (db as any)
+        .update(siteSettings)
+        .set({ featuredEventId: null, updatedAt: now })
+        .where(eq((siteSettings as any).id, settings.id));
+      console.log('Featured event auto-cleared (event ended or unpublished)');
+      revalidateFrontendCache();
+    } catch (err: any) {
+      console.error('Failed to clear featured event:', err);
+    }
   }
   
   // If we have a valid featured event, return it