Deadline validation error (#69)

* validation errors fixed

* Deadline card design

* Update components/deadlines/DeadlineCard.tsx

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

* Update lib/api/schemas.ts

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

* Update components/deadlines/DeadlineCard.tsx

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

* fix: restore truncated compact button in DeadlineCard

The compact toggle button was missing its className arguments, closing
bracket, content, and closing tag after a bad merge — causing a JSX
parse error that broke the build.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

components/deadlines/DeadlineCard.tsx

@@ -66,6 +66,16 @@ export function DeadlineCard({
           aria-label={completed ? 'Markera som ej klar' : 'Markera som klar'}
           onClick={() => onToggle(deadline)}
           className={cn(
+            'flex-shrink-0 h-[18px] w-[18px] rounded-full border transition-colors',
+            completed
+              ? 'bg-success border-success text-success-foreground'
+              : overdue
+              ? 'border-destructive/40 hover:border-destructive'
+              : 'border-border hover:border-foreground/30'
+          )}
+        >
+          {completed && <Check className="h-3 w-3 m-auto" />}
+        </button>
 
         {/* Compact date */}
         <span className={cn(