fix: use Ecuador timezone (GMT-5) for all dates

src/app/social-events/page.tsx

@@ -1,6 +1,12 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { useState, useEffect } from 'react';
+import { formatDisplayDateFull } from '@/lib/date';
+
+const gold = '#E8A849';
+const navy = '#010D1E';
+const cream = '#f5f0e8';
+const warm = '#a6683c';
 
 interface SocialEvent {
   id: number;
@@ -23,11 +29,6 @@ interface User {
   comments_disabled?: boolean;
 }
 
-const gold = '#E8A849';
-const navy = '#010D1E';
-const cream = '#f5f0e8';
-const warm = '#a6683c';
-
 export default function SocialEventsPage() {
   const [events, setEvents] = useState<SocialEvent[]>([]);
   const [loading, setLoading] = useState(true);
@@ -167,7 +168,7 @@ export default function SocialEventsPage() {
                 <h2 style={{ margin: '0 0 0.5rem', color: navy, fontSize: '24px' }}>{event.name}</h2>
                 {event.date && (
                   <p style={{ margin: '0 0 0.5rem', color: warm, fontSize: '15px', fontWeight: 600 }}>
-                    {new Date(event.date).toLocaleDateString(undefined, { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' })}
+                    {formatDisplayDateFull(event.date)}
                   </p>
                 )}
                 <p style={{ color: '#555', lineHeight: 1.5, flex: 1 }}>{event.description}</p>
@@ -242,4 +243,4 @@ export default function SocialEventsPage() {
       </div>
     </main>
   );
-}
+}