refactor: move calendar chrome into the home page

src/components/events-list.tsx

@@ -17,21 +17,20 @@ export const EventsList = ({ events, onEdit, onDelete }: EventsListProps) => {
 			<motion.div
 				initial={{ opacity: 0 }}
 				animate={{ opacity: 1 }}
-				className="flex flex-col items-center justify-center py-16 text-center"
+				className="flex flex-col items-center justify-center rounded-2xl border border-dashed border-border/80 bg-muted/20 px-6 py-16 text-center"
 			>
 				<Calendar1Icon className="h-10 w-10 text-muted-foreground/40 mb-3" />
-				<h3 className="text-sm font-medium text-muted-foreground">
-					No events yet
-				</h3>
-				<p className="text-xs text-muted-foreground/60 mt-1">
-					Create your first event to get started
+				<h3 className="text-sm font-medium text-foreground">No events yet</h3>
+				<p className="mt-1 max-w-sm text-xs leading-relaxed text-muted-foreground/70">
+					Generate a draft from natural language or add an event manually to
+					start building your local calendar timeline.
 				</p>
 			</motion.div>
 		);
 	}
 
 	return (
-		<div className="space-y-2">
+		<div className="space-y-3">
 			<AnimatePresence mode="popLayout">
 				{events.map((event) => (
 					<EventCard