Stage 2: student lesson viewer, Kinescope player, PDF files, prev/next nav, My Courses dashboard

src/components/student/lesson-content.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Image from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+
+export function LessonContent({ content }: { content: object }) {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Image.configure({ inline: false }),
+      Link.configure({ openOnClick: true }),
+    ],
+    content,
+    editable: false,
+    editorProps: {
+      attributes: {
+        class: "prose prose-slate max-w-none focus:outline-none",
+      },
+    },
+  });
+
+  return <EditorContent editor={editor} />;
+}