add: more commits

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

src/modules/admin/components/courses/CourseReadingProgressList.jsx

@@ -185,7 +185,7 @@ function UserCard({ entry, onOpen }) {
         <button
             type="button"
             onClick={() => onOpen(entry)}
-            className="w-full text-left border rounded-lg p-4 flex items-center gap-3 hover:bg-muted/50 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            className="bg-background w-full text-left border rounded-lg p-4 flex items-center gap-3 hover:bg-accent/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
         >
             <UserAvatar name={entry.user.full_name} email={entry.user.email} avatarUrl={entry.user.avatar_url} />
 
@@ -325,7 +325,7 @@ export default function CourseReadingProgressList({ courseId }) {
     }
 
     return (
-        <>
+        <div className="space-y-4">
             {/* ── Summary strip ── */}
             <div className="flex items-center gap-4 flex-wrap text-sm">
                 <span className="flex items-center gap-1.5">
@@ -350,7 +350,7 @@ export default function CourseReadingProgressList({ courseId }) {
                     value={search}
                     onChange={(e) => setSearch(e.target.value.slice(0, 50))}
                     maxLength={50}
-                    className="pl-9 pr-16"
+                    className="bg-background pl-9 pr-16"
                 />
                 <span className={`absolute right-3 top-1/2 -translate-y-1/2 text-xs tabular-nums pointer-events-none ${search.length >= 50 ? 'text-destructive' : 'text-muted-foreground'}`}>
                     {search.length}/50
@@ -382,6 +382,6 @@ export default function CourseReadingProgressList({ courseId }) {
                 entry={dialogEntry}
                 courseId={courseId}
             />
-        </>
+        </div>
     );
 }