Fix: Remove duplicate Sidebar from /learn (layout.tsx provides it)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

studio-v2/app/learn/page.tsx

@@ -2,7 +2,6 @@
 
 import React, { useState, useEffect } from 'react'
 import { useTheme } from '@/lib/ThemeContext'
-import { Sidebar } from '@/components/Sidebar'
 import { UnitCard } from '@/components/learn/UnitCard'
 
 interface LearningUnit {
@@ -61,28 +60,7 @@ export default function LearnPage() {
   }
 
   return (
-    <div className={`min-h-screen flex relative overflow-hidden ${
+    <>
-      isDark
-        ? 'bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-800'
-        : 'bg-gradient-to-br from-slate-100 via-blue-50 to-cyan-100'
-    }`}>
-      {/* Background Blobs */}
-      <div className="absolute inset-0 overflow-hidden pointer-events-none">
-        <div className={`absolute -top-40 -right-40 w-80 h-80 rounded-full mix-blend-multiply filter blur-3xl animate-pulse ${
-          isDark ? 'bg-blue-500 opacity-50' : 'bg-blue-300 opacity-30'
-        }`} />
-        <div className={`absolute -bottom-40 -left-40 w-80 h-80 rounded-full mix-blend-multiply filter blur-3xl animate-pulse ${
-          isDark ? 'bg-cyan-500 opacity-50' : 'bg-cyan-300 opacity-30'
-        }`} style={{ animationDelay: '2s' }} />
-      </div>
-
-      {/* Sidebar */}
-      <div className="relative z-10 p-4">
-        <Sidebar />
-      </div>
-
-      {/* Main Content */}
-      <div className="flex-1 flex flex-col relative z-10 overflow-y-auto">
         {/* Header */}
         <div className={`${glassCard} border-0 border-b`}>
           <div className="max-w-5xl mx-auto px-6 py-4">
@@ -155,7 +133,6 @@ export default function LearnPage() {
             </div>
           )}
         </div>
-      </div>
+    </>
-    </div>
   )
 }