feat: Add floating draggable Syllabus Miniplayer overlay

src/app/api/syllabus/route.ts

@@ -0,0 +1,28 @@
+import { connectToDatabase } from "@/lib/database/mongoose";
+import { Course } from "@/db/course";
+import { success, failure } from "@/lib/utils/response";
+
+export const dynamic = "force-dynamic";
+
+export async function GET(request: Request) {
+  try {
+    const { searchParams } = new URL(request.url);
+    const subject = searchParams.get("subject");
+
+    if (!subject) {
+      return failure("Subject parameter is required", 400);
+    }
+
+    await connectToDatabase();
+
+    const course = await Course.findOne(
+      { name: subject },
+      { syllabus: 1, _id: 0 }
+    ).lean<{ syllabus?: string } | null>();
+
+    return success({ syllabus: course?.syllabus ?? null });
+  } catch (error) {
+    console.error("Error fetching syllabus:", error);
+    return failure("Failed to fetch syllabus", 500);
+  }
+}

src/app/paper/[id]/page.tsx

@@ -8,6 +8,7 @@ import { type Metadata } from "next";
 import { redirect } from "next/navigation";
 import { PaperProvider } from "@/context/PaperContext";
 import PDFViewer from "@/components/newPdfViewer";
+import SyllabusDock from "@/components/SyllabusDock";
 
 export async function generateMetadata({
   params,
@@ -187,6 +188,7 @@ const PaperPage = async ({ params }: { params: { id: string } }) => {
             </PaperProvider>
           </center>
           <RelatedPapers />
+          <SyllabusDock subject={paper.subject} />
         </>
       )}
     </div>

src/components/CatalogueContent.tsx

@@ -19,6 +19,7 @@ import { FilterProvider, useFilters } from "@/context/filterContext";
 import EmptyState from "./ui/EmptyState";
 import SelectionToolbar from "./SelectionToolbar";
 import SortComponent from "./ui/sorting";
+import SyllabusDock from "./SyllabusDock";
 
 const CatalogueContentInner = ({ subject }: { subject: string | null }) => {
   const [isMounted, setIsMounted] = useState(false);
@@ -414,6 +415,7 @@ const CatalogueContent = () => {
   return (
     <FilterProvider subject={subject}>
       <CatalogueContentInner subject={subject} />
+      <SyllabusDock subject={subject} />
     </FilterProvider>
   );
 };