debug: move banner outside kinescopeId block to catch null ID

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

@@ -122,12 +122,13 @@ export default async function LessonPage({ params }: Props) {
       {/* Title */}
       <h1 className="text-2xl font-bold mb-6 leading-snug">{lesson.title}</h1>
 
+      {/* DEBUG: remove after fix */}
+      <div style={{background:"red",color:"white",padding:"4px 8px",fontSize:12,marginBottom:8}}>DEBUG lessonId: {lessonId} | kinescopeId: {String(lesson.kinescopeId ?? "NULL")} | coverImage: {String(lesson.coverImage ?? "NULL")} | isAdmin: {String(isAdmin)}</div>
+
       {/* Video */}
       {lesson.kinescopeId && (
         <div className="mb-8">
           <KinescopePlayer videoId={lesson.kinescopeId} poster={lesson.coverImage ?? undefined} />
-          {/* DEBUG: remove after fix */}
-          <div style={{background:"red",color:"white",padding:"4px 8px",fontSize:12}}>DEBUG coverImage: {String(lesson.coverImage ?? "NULL")} | isAdmin: {String(isAdmin)}</div>
         </div>
       )}