fix: allow solution panel to scroll with page when model answer is long

Author: kiku99

src/components/problem/SolutionPanel.tsx

@@ -19,9 +19,9 @@ export default function SolutionPanel({ problem }: { problem: Problem }) {
   }, []);
 
   return (
-    <div className="flex h-full flex-col overflow-hidden p-5 sm:p-6">
+    <div className="flex flex-col p-5 sm:p-6">
       {/* editor */}
-      <div className="flex min-h-0 flex-1 flex-col">
+      <div className="flex h-[50vh] flex-col">
         <MarkdownEditor problemId={problem.id} onNoteRef={handleNoteRef} />
       </div>
 

src/components/problem/SplitView.tsx

@@ -12,7 +12,7 @@ export default function SplitView({
         {left}
       </div>
       {/* right pane */}
-      <div className="flex flex-col lg:sticky lg:top-14 lg:h-[calc(100vh-3.5rem)] lg:w-1/2">{right}</div>
+      <div className="flex flex-col lg:min-h-[calc(100vh-3.5rem)] lg:w-1/2">{right}</div>
     </div>
   );
 }