Add global animation system and entrance effects to UI

src/app/dashboard/clients/page.tsx

@@ -7,13 +7,13 @@ import { ClientsTable } from "./_components/clients-table";
 
 export default async function ClientsPage() {
   return (
-    <>
+    <div className="page-enter space-y-8">
       <PageHeader
         title="Clients"
         description="Manage your clients and their information."
         variant="gradient"
       >
-        <Button asChild variant="default" className="shadow-md">
+        <Button asChild variant="default" className="hover-lift shadow-md">
           <Link href="/dashboard/clients/new">
             <Plus className="mr-2 h-5 w-5" />
             <span>Add Client</span>
@@ -24,6 +24,6 @@ export default async function ClientsPage() {
       <HydrateClient>
         <ClientsTable />
       </HydrateClient>
-    </>
+    </div>
   );
 }