fix: CalDAV delete and sync issues

- EventCard context menu now deletes via CalDAV (not just locally)
- Command Palette sync now works (passes syncAll function)
- Sync properly detects and deletes local events removed from server

Author: Ivan-Malinovski

src/features/calendar/components/EventCard.tsx

@@ -4,6 +4,7 @@ import { format, parseISO } from 'date-fns'
 import { useDraggable } from '@dnd-kit/core'
 import { useCalendarStore } from '@/store/calendarStore'
 import { useSettingsStore } from '@/store/settingsStore'
+import { useCalDAV } from '@/features/caldav/hooks/useCalDAV'
 import { ContextMenu } from '@/components/common/ContextMenu'
 import type { CalendarEvent } from '@/types'
 import { DEFAULT_CALENDAR_COLOR } from '@/config'
@@ -32,6 +33,7 @@ export function EventCard({
   const deleteEvent = useCalendarStore((state) => state.deleteEvent)
   const duplicateEvent = useCalendarStore((state) => state.duplicateEvent)
   const timeFormat = useSettingsStore((state) => state.timeFormat)
+  const { deleteEvent: deleteCalDAVEvent } = useCalDAV()
 
   const [contextMenu, setContextMenu] = useState<{ x: number; y: number } | null>(null)
 
@@ -248,7 +250,14 @@ export function EventCard({
             },
             {
               label: 'Delete',
-              onClick: () => deleteEvent(event.id),
+              onClick: async () => {
+                deleteEvent(event.id)
+                try {
+                  await deleteCalDAVEvent(event.calendarId, event.id)
+                } catch {
+                  // error handled by useCalDAV
+                }
+              },
               icon: <DeleteIcon />,
               danger: true,
             },

src/features/commandPalette/hooks/useCommandPalette.ts

@@ -2,6 +2,7 @@ import { useMemo, useCallback, useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { useCalendarStore } from '@/store/calendarStore'
 import { useSettingsStore } from '@/store/settingsStore'
+import { useCalDAV } from '@/features/caldav/hooks/useCalDAV'
 import { createCommandRegistry, type Command } from '../commands'
 import { parseNaturalLanguage, type NLPParseResult } from '@/features/nlp'
 import type {
@@ -35,6 +36,9 @@ export function useCommandPalette({ isOpen }: UseCommandPaletteProps) {
 
   const themeMode = useSettingsStore((state) => state.themeMode)
   const updateSettings = useSettingsStore((state) => state.updateSettings)
+  const accounts = useCalendarStore((state) => state.calendars)
+
+  const { syncAll } = useCalDAV()
 
   const commands = useMemo(() => {
     return createCommandRegistry({
@@ -44,8 +48,9 @@ export function useCommandPalette({ isOpen }: UseCommandPaletteProps) {
       openModal,
       themeMode,
       updateSettings,
+      triggerSync: syncAll,
     })
-  }, [navigate, setCurrentView, setCurrentDate, openModal, themeMode, updateSettings])
+  }, [navigate, setCurrentView, setCurrentDate, openModal, themeMode, updateSettings, syncAll])
 
   const parseInput = useCallback((input: string): ParsedInput => {
     const trimmed = input.trim().toLowerCase()