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/timeline.ts

@@ -143,23 +143,22 @@ async function loadTimelineEntriesReadModel(
 
 async function loadProjectShiftContext(db: ShiftDbClient, projectId: string) {
   const [project, planningRead] = await Promise.all([
-    db.project.findUnique({
-      where: { id: projectId },
-      select: {
-        id: true,
-        budgetCents: true,
-        winProbability: true,
-        startDate: true,
-        endDate: true,
-      },
-    }),
+    findUniqueOrThrow(
+      db.project.findUnique({
+        where: { id: projectId },
+        select: {
+          id: true,
+          budgetCents: true,
+          winProbability: true,
+          startDate: true,
+          endDate: true,
+        },
+      }),
+      "Project",
+    ),
     loadProjectPlanningReadModel(db, { projectId, activeOnly: true }),
   ]);
 
-  if (!project) {
-    throw new TRPCError({ code: "NOT_FOUND", message: "Project not found" });
-  }
-
   const { demandRequirements, assignments, readModel: projectReadModel } = planningRead;
 
   const resourceIds = getAssignmentResourceIds(projectReadModel);
@@ -337,31 +336,30 @@ export const timelineRouter = createTRPCRouter({
     .input(z.object({ projectId: z.string() }))
     .query(async ({ ctx, input }) => {
       const [project, planningRead] = await Promise.all([
-        ctx.db.project.findUnique({
-          where: { id: input.projectId },
-          select: {
-            id: true,
-            name: true,
-            shortCode: true,
-            orderType: true,
-            budgetCents: true,
-            winProbability: true,
-            status: true,
-            startDate: true,
-            endDate: true,
-            staffingReqs: true,
-          },
-        }),
+        findUniqueOrThrow(
+          ctx.db.project.findUnique({
+            where: { id: input.projectId },
+            select: {
+              id: true,
+              name: true,
+              shortCode: true,
+              orderType: true,
+              budgetCents: true,
+              winProbability: true,
+              status: true,
+              startDate: true,
+              endDate: true,
+              staffingReqs: true,
+            },
+          }),
+          "Project",
+        ),
         loadProjectPlanningReadModel(ctx.db, {
           projectId: input.projectId,
           activeOnly: true,
         }),
       ]);
 
-      if (!project) {
-        throw new TRPCError({ code: "NOT_FOUND", message: "Project not found" });
-      }
-
       const resourceIds = getAssignmentResourceIds(planningRead.readModel);
       const allResourceAllocations =
         resourceIds.length === 0