feat: uniform staggered page-load animations across all dashboard pages

src/app/dashboard/page.tsx

@@ -124,7 +124,7 @@ export default function DashboardPage() {
     <div className="p-8 max-w-7xl mx-auto space-y-10 animate-in fade-in zoom-in-95 origin-top duration-500">
 
       {/* Basic Performance Dashboard (F-05) */}
-      <section>
+      <section className="animate-section animate-section-1">
         <div className="flex flex-col md:flex-row md:items-end justify-between gap-4 mb-8">
           <div>
             <h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
@@ -228,7 +228,7 @@ export default function DashboardPage() {
 
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
         {/* Dynamic DPP Modules */}
-        <section>
+        <section className="animate-section animate-section-2">
           <div className="flex items-center justify-between mb-5">
             <h2 className="text-xl font-semibold tracking-tight flex items-center gap-2">
               Today's DPPs
@@ -264,7 +264,7 @@ export default function DashboardPage() {
         </section>
 
         {/* Upcoming CBTs */}
-        <section>
+        <section className="animate-section animate-section-3">
           <div className="flex items-center justify-between mb-5">
             <h2 className="text-xl font-semibold tracking-tight flex items-center gap-2">
               Upcoming CBTs
@@ -301,10 +301,10 @@ export default function DashboardPage() {
       </div>
       
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-        <section>
+        <section className="animate-section animate-section-4">
           <AdaptiveStudyPlan />
         </section>
-        <section>
+        <section className="animate-section animate-section-5">
           <MistakeHeatmap />
         </section>
       </div>