refactor: streamline, refine and polish

components/layout/AppPage.tsx

@@ -12,12 +12,12 @@ interface AppPageProps {
 
 export function AppPage({ title, description, children, className }: AppPageProps) {
   return (
-    <div className={cn("min-h-screen py-12", className)}>
-      <div className="max-w-7xl mx-auto px-8 space-y-8">
+    <div className={cn("min-h-screen py-8", className)}>
+      <div className="max-w-7xl mx-auto px-8 space-y-6 animate-fade-in">
         <div>
-          <h1 className="text-4xl font-bold mb-2">{title}</h1>
+          <h1 className="text-2xl font-bold mb-1">{title}</h1>
           {description && (
-            <p className="text-muted-foreground">
+            <p className="text-sm text-muted-foreground">
               {description}
             </p>
           )}