Add central layout.tsx for /learn/* and /parent/* routes

Next.js route-level layouts provide Sidebar + gradient background
automatically for all sub-pages. Individual pages no longer need
their own wrapper divs or Sidebar imports.

- learn/layout.tsx: Sidebar + purple gradient for all learning pages
- parent/layout.tsx: Same for all parent portal pages
- LearnLayout.tsx: Reusable component for other pages
- Fixed broken <LearnLayout>}> artifacts from previous refactoring
- Removed duplicate Sidebar/wrapper code from 9 sub-pages

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

studio-v2/app/parent/page.tsx

@@ -46,9 +46,7 @@ export default function ParentPage() {
   }, [])
 
   return (
-    <div className={`min-h-screen ${isDark ? 'bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900' : 'bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50'}`}
-      dir={language === 'ar' ? 'rtl' : 'ltr'}>
-
+    <div dir={language === 'ar' ? 'rtl' : 'ltr'}>
       {/* Header */}
       <div className={`${glassCard} border-0 border-b`}>
         <div className="max-w-lg mx-auto px-6 py-5">