UI and error handling

src/components/GenerateCourse/AICourseContent.tsx

@@ -291,7 +291,6 @@ export function AICourseContent(props: AICourseContentProps) {
               onUpgrade={() => setShowUpgradeModal(true)}
               onShowLimits={() => setShowAILimitsPopup(true)}
             />
-          </div>
 
             <AIRoadmapViewSwitch
               viewMode={viewMode}
@@ -300,6 +299,7 @@ export function AICourseContent(props: AICourseContentProps) {
               variant="text"
             />
           </div>
+        </div>
       </header>
 
       <div className="flex flex-1 overflow-hidden">

src/components/GenerateCourse/AICourseRoadmapView.tsx

@@ -199,7 +199,7 @@ export function AICourseRoadmapView(props: AICourseRoadmapViewProps) {
   );
 
   return (
-    <div className="relative mx-auto min-h-[500px] rounded-xl border border-gray-200 bg-white shadow-sm lg:max-w-7xl">
+    <div className="relative mx-auto min-h-[500px] rounded-xl border border-gray-200 bg-white shadow-sm lg:max-w-5xl">
       {isLoading && (
         <div className="absolute inset-0 flex h-full w-full items-center justify-center">
           <Loader2Icon className="h-10 w-10 animate-spin stroke-[3px]" />