Fix server component passing event handlers to client components

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/(student)/courses/[slug]/lessons/[lessonId]/page.tsx

@@ -120,10 +120,8 @@ export default async function LessonPage({ params }: Props) {
                 href={file.url}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="flex items-center gap-3 px-4 py-3 text-sm transition-colors"
-                style={{ border: "2px solid var(--border)", display: "flex" }}
-                onMouseEnter={(e) => (e.currentTarget.style.borderColor = "var(--foreground)")}
-                onMouseLeave={(e) => (e.currentTarget.style.borderColor = "var(--border)")}
+                className="flex items-center gap-3 px-4 py-3 text-sm transition-colors hover:[border-color:var(--foreground)]"
+                style={{ border: "2px solid var(--border)" }}
               >
                 <span className="text-lg">📎</span>
                 <span className="flex-1 font-medium">{file.name}</span>