Add RRuleDisplay component and clean up unused imports

- Create new RRuleDisplay component for better recurrence rule formatting
- Replace Badge with RRuleDisplay in EventCard for improved UX
- Remove unused imports across multiple files (CalendarEvent, Badge, Card components)
- Remove unused catch parameter in ai-event route

src/components/event-card.tsx

@@ -1,8 +1,8 @@
 import { Button } from '@/components/ui/button'
 import { Card, CardHeader, CardContent } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
 import { LucideMapPin, Clock, MoreHorizontal } from 'lucide-react'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, DropdownMenuItem } from '@/components/ui/dropdown-menu'
+import { RRuleDisplay } from '@/components/rrule-display'
 import type { CalendarEvent } from '@/lib/types'
 
 interface EventCardProps {
@@ -40,9 +40,9 @@ export const EventCard = ({ event, onEdit, onDelete }: EventCardProps) => {
               {event.title}
             </h3>
             {event.recurrenceRule && (
-              <Badge variant="secondary" className="text-xs">
-                Repeats: {event.recurrenceRule}
-              </Badge>
+              <div className="mt-1">
+                <RRuleDisplay rrule={event.recurrenceRule} />
+              </div>
             )}
             {event.description && (
               <p className="text-sm text-muted-foreground mt-2 break-words">