Fix animation inconsistencies on pages with loading spinners

src/app/dashboard/layout.tsx

@@ -428,7 +428,7 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
 
         {/* Scrollable page body */}
         <main className="flex-1 overflow-y-auto relative bg-background/50">
-          <div key={pathname} className="w-full h-full">
+          <div key={pathname} className="w-full h-full animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
             {children}
           </div>
         </main>