ready to test

Testing

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/modules/admin/pages/courses/ViewCourse.jsx

@@ -2,10 +2,12 @@ import { useEffect } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import {
   ArrowLeft, House, Pencil, Clock, BookOpen, Layers,
-  BadgeCheck, Tag, Star, Lock, ListChecks,
+  BadgeCheck, Tag, Star, Lock, ListChecks, BarChart2,
 } from "lucide-react";
 
 import { useCourses } from "@/contexts/AdminCoursesContext";
+import { PageMeta } from "@/contexts/MetadataContext";
+import CourseReadingProgressList from "../../components/courses/CourseReadingProgressList";
 import AppBreadcrumb from "@/components/generic/Breadcrumb/AppBreadcrumb";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -74,6 +76,7 @@ export default function ViewCourse() {
 
   return (
     <section className="bg-muted/60 min-h-full">
+      <PageMeta title={course ? `${course.title} - STARR` : undefined} description={course?.description} />
       <div className="lg:container lg:mx-auto lg:px-0 flex flex-col items-center px-4 py-10">
 
         <div className="w-full max-w-2xl">
@@ -218,6 +221,11 @@ export default function ViewCourse() {
                 </SectionCard>
               )}
 
+              {/* ── Reading Progress ── */}
+              <SectionCard icon={BarChart2} title="Reading Progress">
+                <CourseReadingProgressList courseId={courseId} />
+              </SectionCard>
+
               {/* ── Audit ── */}
               <SectionCard icon={BadgeCheck} title="Audit">
                 <div className="grid grid-cols-2 gap-4">