Adds link to print page

src/routes/_app/_authenticated/document.$documentId.tsx

@@ -1,5 +1,5 @@
 import _ from "lodash";
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, Link } from "@tanstack/react-router";
 import { pb } from "@/lib/pocketbase";
 import {
   RelationshipType,
@@ -10,7 +10,9 @@ import {
 import { RelationshipList } from "@/components/RelationshipList";
 import { SessionForm } from "@/components/documents/session/SessionForm";
 
-export const Route = createFileRoute("/_app/_authenticated/document/$documentId")({
+export const Route = createFileRoute(
+  "/_app/_authenticated/document/$documentId",
+)({
   loader: async ({ params }) => {
     const doc = await pb.collection("documents").getOne(params.documentId);
     const relationships: Relationship[] = await pb
@@ -47,6 +49,13 @@ function RouteComponent() {
 
   return (
     <div className="max-w-xl mx-auto py-8">
+      <Link
+        to="/document/$documentId/print"
+        params={{ documentId: session.id }}
+        className="text-slate-400 hover:text-violet-400 text-sm underline underline-offset-2 transition-colors mb-4"
+      >
+        Print
+      </Link>
       <SessionForm session={session as Session} onSubmit={handleSaveSession} />
       {[
         RelationshipType.Scenes,