Fix animation inconsistencies on pages with loading spinners

src/app/dashboard/ai-coach/study-plan/page.tsx

@@ -12,7 +12,7 @@ export default function StudyPlanPage() {
   const streakCount = user?.streak_count || (isDemo ? 12 : 1)
 
   return (
-    <div className="p-6 md:p-8 space-y-8 max-w-7xl mx-auto animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 min-h-screen">
+    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto min-h-screen">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">