made events page responsive and added community route

app/(default)/community/page.tsx

@@ -0,0 +1,15 @@
+// page.tsx
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+export default function Page() {
+  const router = useRouter();
+
+  useEffect(() => {
+    window.location.href = "https://chat.whatsapp.com/IvpDqELtAfW5S2WElLgnlJ";
+  }, []);
+
+  return null; // No need to render anything as it will redirect immediately
+}

app/(default)/myevents/page.tsx

@@ -183,7 +183,7 @@ const EventsPage = () => {
       {/* Past Events */}
       <h2 className="text-3xl font-bold mb-8 mt-16 ml-4 text-center">Past Events</h2>
       {pastEvents.length > 0 ? (
-        <div className="flex justify-around">
+        <div className="sm:flex justify-around">
           {pastEvents.map((event) => (
             <EventCard
               key={event.id}

components/EventCard.tsx

@@ -40,7 +40,7 @@ const EventCard: React.FC<EventCardProps> = ({
 
   return (
     <div
-      className="relative bg-gray-900 shadow-lg rounded-xl overflow-hidden transform transition duration-300 hover:scale-105 hover:shadow-xl cursor-pointer w-1/4"
+      className="relative bg-gray-900 shadow-lg rounded-xl overflow-hidden transform transition duration-300 hover:scale-105 hover:shadow-xl cursor-pointer w-full mb-4 sm:w-1/3 sm:mb-0 md:w-3/12"
       onClick={() => onSelect(event)}
     >
       {/* Event Date Badge */}