feat: board sort dropdown and persistent view state

[Gardner-Programs]

Summary

• Sort dropdown on the Board with three options: By Date, By Priority, By Story Points
• Deadlines now visible on every card; overdue items shown in red with ⚠
• Optimistic drag-and-drop — card moves instantly, Calendar API updates in background, reverts only on error (fixes the flicker/snap-back)
• `useLocalStorage` hook persists selected project, active tab, and board sort preference across page refreshes

New files

• `src/utils/useLocalStorage.ts` — generic typed hook wrapping `useState` + `localStorage`

Changed files

• `src/App.tsx` — `selectedId` and `tab` now use `useLocalStorage`; project load restores saved selection if still valid; `handleUpdateItem` is now optimistic
• `src/components/Board.tsx` — sort dropdown, deadline display, `sortBy` persisted via `useLocalStorage`

Test plan

• Drag a card to a new column — should move instantly with no snap-back
• Select each sort option — cards reorder correctly within columns
• Refresh the page — active tab, selected project, and sort preference all restored
• Add an item with a past deadline — card shows red ⚠ date

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
plan-it	Ready	Preview, Comment	May 18, 2026 1:36pm