feat: redesign

Signed-off-by: Dmytro Stanchiev <git@dmytros.dev>

src/components/events-list.tsx

@@ -17,13 +17,13 @@ export const EventsList = ({ events, onEdit, onDelete }: EventsListProps) => {
 			<motion.div
 				initial={{ opacity: 0 }}
 				animate={{ opacity: 1 }}
-				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"
+				className="flex flex-col items-center justify-center rounded-[10px] border border-dashed border-border/80 bg-muted/30 px-6 py-16 text-center shadow-[inset_0_0_0_1px_rgba(255,255,255,0.35)]"
 			>
 				<Calendar1Icon className="h-10 w-10 text-muted-foreground/40 mb-3" />
 				<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.
+					Capture something with AI or open manual create from More to start
+					building your event timeline.
 				</p>
 			</motion.div>
 		);