fix(community): correct KubeCon date range and prevent badge clipping

Signed-off-by: LakshanSS <lakshan230897@gmail.com>

Author: LakshanSS

src/pages/community/events.json

@@ -2,16 +2,7 @@
   "events": [
     {
       "month": "JUN",
-      "day": "11",
-      "category": "Meetups",
-      "title": "Cloud Native Hyderabad",
-      "meta": "Virtual · Open to all",
-      "primaryAction": "Register",
-      "primaryActionHref": "https://ocgroups.dev/cncf/group/cloud-native-hyderabad/event/tr9jkbf"
-    },
-    {
-      "month": "JUN",
-      "day": "18  19",
+      "day": "18–19",
       "category": "Conferences",
       "title": "KubeCon + CloudNativeCon India 2026",
       "meta": "Bengaluru, India",
@@ -27,19 +18,5 @@
       "primaryAction": "Add to calendar",
       "primaryActionHref": "https://zoom-lfx.platform.linuxfoundation.org/meetings/openchoreo?view=list"
     }
-  ],
-  "pastEvents": [
-    {
-      "date": "June 4",
-      "title": "Kubernetes Sri Lanka",
-      "action": "More Details",
-      "actionHref": "https://ocgroups.dev/cncf/group/f8dnmxt/event/hkf8t4e"
-    },
-    {
-      "date": "June 3",
-      "title": "Cloud Native London",
-      "action": "More Details",
-      "actionHref": "https://www.meetup.com/cloud-native-london/events/312972430/?eventOrigin=group_upcoming_events"
-    }
   ]
 }

src/pages/community/index.tsx

@@ -3,6 +3,7 @@ import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
 import styles from './styles.module.css';
 import communityEvents from './events.json';
+import pastEventsData from './past-events.json';
 
 type EventCategory = 'Meetups' | 'Community calls' | 'Conferences';
 
@@ -20,11 +21,11 @@ type PastEventItem = {
   date: string;
   title: string;
   action: string;
-  actionHref: string;
+  href: string;
 };
 
 const events = communityEvents.events as EventItem[];
-const pastEvents = communityEvents.pastEvents as PastEventItem[];
+const pastEvents = pastEventsData.pastEvents as PastEventItem[];
 
 const filters = [
   'All',
@@ -168,7 +169,14 @@ export default function Community(): React.JSX.Element {
 
                 return (
                   <article className={styles.eventCard} key={event.title}>
-                    <div className={styles.eventDate}>
+                    <div
+                      className={[
+                        styles.eventDate,
+                        event.day.length > 2 ? styles.eventDateRange : '',
+                      ]
+                        .filter(Boolean)
+                        .join(' ')}
+                    >
                       <span>{event.month}</span>
                       <strong>{event.day}</strong>
                     </div>
@@ -223,7 +231,7 @@ export default function Community(): React.JSX.Element {
                   <strong>{event.title}</strong>
                   <Link
                     className='button button--link button--sm'
-                    to={event.actionHref}
+                    to={event.href}
                   >
                     {event.action}
                   </Link>