Event Cards Update und alle links sind Orange, einheitlich auf der ganzen Seite

src/components/EventsGrid.astro

@@ -3,26 +3,28 @@
 
 import HoverCard from "./HoverCard.astro";
 interface Event {
-    image: string;
-  title: string;
-  date: Date;
-  description: string;
+	image: string;
+	title: string;
+	date: string;
+	description: string;
 }
-const { events = [], id }: { events?: Event[], id?: string } = Astro.props as { events?: Event[], id?: string };
-import '../../styles/components/EventsGrid.css';
+const { events = [], id }: { events?: Event[]; id?: string } = Astro.props as {
+	events?: Event[];
+	id?: string;
+};
+import "../../styles/components/EventsGrid.css";
 ---
 
 <h2 class="section-title">Events</h2>
 <section id={id} class="events-gird container">
-
-	{events.map((event: Event)  => (
-
-            <HoverCard
-                    title={event.title}
-                    date={event.date}
-                    description={event.description}
-                    image={event.image}
-            />
-    ))}
-
+	{
+		events.map((event: Event) => (
+			<HoverCard
+				title={event.title}
+				date={event.date}
+				description={event.description}
+				image={event.image}
+			/>
+		))
+	}
 </section>