Change animation to pure zoom with top origin to prevent sliding illusion on tall pages

src/app/dashboard/dpp/page.tsx

@@ -97,7 +97,7 @@ export default function DPPPage() {
   const cleanTitle = (title: string) => title.replace(/\s*\(ExamEnum\.[^)]+\)/, '');
 
   return (
-    <div className="p-8 space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
+    <div className="p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto">
       <div className="flex flex-col md:flex-row md:items-center justify-between p-8 bg-gradient-to-r from-secondary/50 to-background border border-border rounded-2xl shadow-sm gap-6">
         <div>
           <h1 className="text-3xl font-bold tracking-tight mb-2">Daily Practice Problems (DPP)</h1>