Recent projects card redesign with loss-type colors

Visual refresh with hero layout, loss-type color coding, and reliable access tracking that ignores prefetch hovers.

Bug Fixes & Improvements

The Recent projects card now displays projects with a bold hero layout — your most-opened project front and center, with the next four in a 2×2 grid. Each project tile is color-coded by loss type (water = sky blue, fire = orange, mold = emerald, wind = cyan, trauma = rose) so you can spot project categories at a glance.

Projects you've accessed within the last hour get a fresh-access pulse dot, so you know at a glance which ones you've been actively working on. Project status and branch name are now visible on the card.

Behind the scenes, access tracking is now truly prefetch-safe. The previous approach (server-side header detection) failed to catch Next.js 16's RSC prefetches, so hovering or scrolling past a project link would incorrectly mark it as "opened" — populating your Recent Projects with every single project in the org. Now using client effects (which don't fire during prefetch), so your recent list stays accurate.