fix(web): portal timeline overlays above stacked panels

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

@@ -1,5 +1,6 @@
 "use client";
 
+import { createPortal } from "react-dom";
 import { trpc } from "~/lib/trpc/client.js";
 import { formatCents } from "~/lib/format.js";
 import type { SkillEntry } from "@capakraken/shared";
@@ -33,7 +34,7 @@ export function ResourceHoverCard({ resourceId, anchorEl, onClose }: ResourceHov
     .sort((a, b) => b.proficiency - a.proficiency)
     .slice(0, 6);
 
-  return (
+  const hoverCard = (
     <div
       ref={ref}
       data-resource-hover-card="true"
@@ -160,4 +161,6 @@ export function ResourceHoverCard({ resourceId, anchorEl, onClose }: ResourceHov
       )}
     </div>
   );
+
+  return typeof document === "undefined" ? hoverCard : createPortal(hoverCard, document.body);
 }