Makes session row and form components

src/components/documents/session/SessionRow.tsx

@@ -0,0 +1,17 @@
+import type { Session } from "@/lib/types";
+import { Link } from "@tanstack/react-router";
+
+export const SessionRow = ({ session }: { session: Session }) => {
+  return (
+    <div>
+      <Link
+        to="/document/$documentId"
+        params={{ documentId: session.id }}
+        className="block font-semibold text-lg text-slate-300"
+      >
+        {session.created}
+      </Link>
+      <div className="">{session.data.session.strongStart}</div>
+    </div>
+  );
+};