refactor: consolidate duplicated code across web and API packages

- Extract shared render helpers (vacation blocks, range overlay, overbooking blink) into renderHelpers.tsx
- Centralize status badge styles and vacation color maps into status-styles.ts
- Extract dragMath.ts utility from useTimelineDrag for reuse
- Split useInvalidatePlanningViews into useInvalidateTimeline (4 queries) + useInvalidatePlanningViews (8 queries)
- Adopt findUniqueOrThrow() and Prisma select constants across API routers
- Add shared fmtEur() helper for API-side money formatting
- Wrap TimelineResourcePanel and TimelineProjectPanel with React.memo
- Fix pre-existing TS2589 deep type errors in TeamCalendar and VacationModal
- 38 files changed, reducing ~400 lines of duplicated code

Co-Authored-By: claude-flow <ruv@ruv.net>

packages/api/src/router/vacation.ts

@@ -3,6 +3,7 @@ import { VacationStatus, VacationType } from "@planarchy/db";
 import { TRPCError } from "@trpc/server";
 import { z } from "zod";
 import { findUniqueOrThrow } from "../db/helpers.js";
+import { RESOURCE_BRIEF_SELECT } from "../db/selects.js";
 import { emitVacationCreated, emitVacationUpdated, emitNotificationCreated, emitTaskAssigned } from "../sse/event-bus.js";
 import { createTRPCRouter, adminProcedure, managerProcedure, protectedProcedure } from "../trpc.js";
 import { sendEmail } from "../lib/email.js";
@@ -99,7 +100,7 @@ export const vacationRouter = createTRPCRouter({
           ...(input.endDate ? { startDate: { lte: input.endDate } } : {}),
         },
         include: {
-          resource: { select: { id: true, displayName: true, eid: true } },
+          resource: { select: RESOURCE_BRIEF_SELECT },
           requestedBy: { select: { id: true, name: true, email: true } },
           approvedBy: { select: { id: true, name: true, email: true } },
         },
@@ -120,7 +121,7 @@ export const vacationRouter = createTRPCRouter({
         ctx.db.vacation.findUnique({
           where: { id: input.id },
           include: {
-            resource: { select: { id: true, displayName: true, eid: true } },
+            resource: { select: RESOURCE_BRIEF_SELECT },
             requestedBy: { select: { id: true, name: true, email: true } },
             approvedBy: { select: { id: true, name: true, email: true } },
           },
@@ -210,7 +211,7 @@ export const vacationRouter = createTRPCRouter({
             : {}),
         },
         include: {
-          resource: { select: { id: true, displayName: true, eid: true } },
+          resource: { select: RESOURCE_BRIEF_SELECT },
           requestedBy: { select: { id: true, name: true, email: true } },
         },
       });
@@ -539,7 +540,7 @@ export const vacationRouter = createTRPCRouter({
     return ctx.db.vacation.findMany({
       where: { status: VacationStatus.PENDING },
       include: {
-        resource: { select: { id: true, displayName: true, eid: true } },
+        resource: { select: RESOURCE_BRIEF_SELECT },
         requestedBy: { select: { id: true, name: true, email: true } },
       },
       orderBy: { startDate: "asc" },
@@ -576,7 +577,7 @@ export const vacationRouter = createTRPCRouter({
           endDate: { gte: input.startDate },
         },
         include: {
-          resource: { select: { id: true, displayName: true, eid: true } },
+          resource: { select: RESOURCE_BRIEF_SELECT },
         },
         orderBy: { startDate: "asc" },
         take: 20,