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>

apps/web/src/components/timeline/ResourceHoverCard.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useRef, useState } from "react";
 import { trpc } from "~/lib/trpc/client.js";
+import { formatCents } from "~/lib/format.js";
 import type { SkillEntry } from "@planarchy/shared";
 
 interface ResourceHoverCardProps {
@@ -120,14 +121,14 @@ export function ResourceHoverCard({ resourceId, anchorEl, onClose }: ResourceHov
               <div>
                 <div className="text-gray-400 dark:text-gray-500 text-[10px] uppercase tracking-wider">LCR</div>
                 <div className="font-semibold text-gray-700 dark:text-gray-200">
-                  {(data.lcrCents / 100).toLocaleString("de-DE", { minimumFractionDigits: 2 })} {data.currency}/h
+                  {formatCents(data.lcrCents)} {data.currency}/h
                 </div>
               </div>
               <div className="w-px h-6 bg-gray-200 dark:bg-gray-600" />
               <div>
                 <div className="text-gray-400 dark:text-gray-500 text-[10px] uppercase tracking-wider">UCR</div>
                 <div className="font-semibold text-gray-700 dark:text-gray-200">
-                  {(data.ucrCents / 100).toLocaleString("de-DE", { minimumFractionDigits: 2 })} {data.currency}/h
+                  {formatCents(data.ucrCents)} {data.currency}/h
                 </div>
               </div>
               <div className="w-px h-6 bg-gray-200 dark:bg-gray-600" />